Blog

Hello World! Shadcn/ui kit for Figma is now available!

We are finally ready to share what we've been working on for the past few months! Shadcn/ui kit for Figma is now available!

update··1 min read
Hello World! Shadcn/ui kit for Figma is now available!

Premium shadcn/ui kit for Figma to speed up your workflow

Improve your design and development process with the best shadcn/ui Kit for Figma, a comprehensive collection of customizable components, charts and assets based on the popular shadcn/ui.

The UI kit includes:

What's next?

See our roadmap for details. We are planning to release soon:

  • Figma plugin to export the shadcn/ui theme settings from Figma to code
  • Pro blocks - blocks created by shadcndesign.com team to improve your workflow
  • Video course to level up your Figma skills and onboarding process
MW
Matt Wierzbicki

Founder @ shadcndesign.com

Continue reading

Related articles

View all articles
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.

Connect your coding agent to your design system
update·6 min

Connect your coding agent to your design system

Connect Claude Code, Cursor, Codex or Claude to DS Manager. Your agent can restyle a shadcn system, respect Lint locks, sync the shadcndesign Figma kit, import a project's theme and install the result.

Level-up your workflow today

One-time payment
14 days refund policy