Blog

The shadcn/ui kit for Figma: Update January 2025

We're excited to announce 39 new Pro Blocks, 2 Example pages, and 30 Patterns, including both design components and coded versions.

update··2 min read
The shadcn/ui kit for Figma: Update January 2025

What's new

Figma

  • Added 6 Bento Grids Sections to Pro Blocks (Landing Page)
  • Added 6 Logo Sections to Pro Blocks (Landing Page)
  • Added 7 Stats Sections to Pro Blocks (Landing Page)
  • Added 4 Team Sections to Pro Blocks (Landing Page)
  • Added 8 Card Components to Pro Blocks (Application)
  • Added 4 Description List Components to Pro Blocks (Application)
  • Added 4 Empty Sections to Pro Blocks (Application)
  • Added 1 Dashboard example to Pro Blocks (Application)
  • Added 1 Landing Page example to Pro Blocks (Landing Page)
  • Added 30 Pattern to Pro Blocks (Landing Page)
  • Added new official shadcn/ui blocks and examples to our Blocks (Official) page in Figma

Preview new version in Figma

Code

  • Added 6 Bento Grids Sections to Pro Blocks (Landing Page)
  • Added 6 Logo Sections to Pro Blocks (Landing Page)
  • Added 7 Stats Sections to Pro Blocks (Landing Page)
  • Added 4 Team Sections to Pro Blocks (Landing Page)
  • Added 8 Card Components to Pro Blocks (Application)
  • Added 4 Description List Components to Pro Blocks (Application)
  • Added 4 Empty Sections to Pro Blocks (Application)
  • Added 1 Dashboard example to Pro Blocks (Application)
  • Added 1 Landing Page example to Pro Blocks (Landing Page)
  • Added 30 Pattern classes to the patterns.css file (located in the patterns folder)
  • Added Patterns Documentation
  • Added Patterns Showcase

Coded Pro Blocks are available in our Premium Package.

Changes

  • Moved Sidebar Blocks to Blocks (Official) page in Figma
  • Changed Badge Outline bg color from ring-offset to background and the unnecessary shadow has been removed to match the official component stylingsmall bug fixes and improvements
  • small bug fixes and improvements
Preview the newest version How to get the new update?
MW
Matt Wierzbicki

Founder @ shadcndesign.com

Continue reading

Related articles

View all articles
More Style tab controls, icon styles and a gradient picker in DS Manager
update·9 min

More Style tab controls, icon styles and a gradient picker in DS Manager

DS Manager adds margin, text, border, blur and transform controls to the Style tab, styles for the icons inside components, one colour picker with a gradient editor, and distance measuring on the canvas.

Canvas comments, hidden variants, new sizes and custom icons in DS Manager
update·9 min

Canvas comments, hidden variants, new sizes and custom icons in DS Manager

DS Manager adds comments pinned to the canvas, a way to hide kit variants and sizes, an Add size dialog, custom SVG icons, canvas zoom and color, and dark-mode logos.

The shadcn/ui kit for Figma: Trace and Code Block
update·6 min

The shadcn/ui kit for Figma: Trace and Code Block

Trace and Code Block are in the Pro Figma kit in all 8 styles, with new variables for every style, 6 new custom tokens, a dark mode fix for Typography / Code and plugin support for kit 3.x.

Level-up your workflow today

One-time payment
14 days refund policy