Launched February 10, 2026
shadcn/create in Figma
Set up your shadcn/ui project in seconds with the prebuilt color, icon and radius options.
One time fee3,677 impressions#4 of its week
Recently, shadcn introduced a new project starter called shadcn/create. As he puts it: “The idea is to give you solid defaults—spacing, color tokens, animations, accessibility—and then let you take it from there. Tweak the code. Add new components. Change the colors. Build your own version.”
At shadcndesign, our goal is to bring the shadcn/ui experience into Figma. I'm excited to share that shadcn/create is now available in our Figma kit and Figma plugin.
Now, you can set up your project in seconds with the prebuilt color, icon and radius options.
A Figma kit and plugin that brings shadcn/ui components, defaults and icon libraries into Figma for rapid project setup.
- for
- Designers and developers using Figma who want shadcn/ui components ready to go.
- pricing
- paid
works withFigmaReactNext.jsTailwind CSS v4
Key features
6 features of shadcn/create in Figma
- Prebuilt component variants — Includes Accordion, Button, Tabs, Card variants matching official shadcn/ui docs.
- Five icon libraries — Provides Lucide, Tabler, Phosphor, HugeIcons and Remix icons within the kit.
- Create feature in plugin — Generates code with selected base color, theme, icon library, font and radius.
- Nova style default — All components use the new default shadcn/ui style "Nova" out of the box.
- Pro Blocks & AI skills — Premium packages add Pro Blocks, 340+ Figma assets and design AI skills.
- Multi-brand support — Switch entire design systems via Figma style modes for different brands.
Use cases
- Spin up a new shadcn/ui design system in seconds
- Generate React/Next.js code directly from Figma designs
- Create multi-brand UI kits with a single style change
- Add consistent icons from five libraries without manual imports
shadcn/create in Figma pricing
- Basic$119USDSingle user · Basic kit · Nova style only · Lifetime access
- Plus$299USDSingle user · Pro kit with all 8 styles · 340+ assets for Figma · Design AI skills
- Premium$599USDSingle user · Pro kit + React/Next.js code · All ten AI skills · Lifetime access
shadcn/create in Figma FAQ
Does the Figma kit support Base UI?+
Yes, the kit is optimized for both Radix UI and Base UI versions of shadcn/ui.
Can I update an older version of the kit?+
No automatic update; you must manually copy new components into your file because Figma is file-based.
What icon libraries are included?+
Lucide, Tabler, Phosphor, HugeIcons and Remix Icon libraries are bundled.
Is the kit compatible with Tailwind v4?+
Yes, both the Figma kit and Pro Blocks fully support Tailwind CSS v4.
Can I use the kit on a free Figma account?+
Yes, a paid Figma plan is not required to use the kit.
Summarized by DevHunt from shadcndesign.com · Sep 30, 2026. Details may change; check the official site.
