Figma library · free
shadcn/ui for Figma
Every shadcn/ui component, rebuilt in Figma with variables, auto layout and component props, so a design and its code start from the same place.
- 68.7k users
- 3.9k likes
- updated Sep 2026
- listed on ui.shadcn.com
What it is
The shadcn/ui components, recreated in Figma as faithfully as I could manage. Same names, same variants, same spacing. Designers get a library that behaves like the code, and developers get designs they can read without translating.
What is inside
- Every component in shadcn/ui, with the variants and states from the code
- Light and dark modes as Figma variable modes
- Colours, radius and type as variables, so a theme is one change, not fifty
- Component props that mirror the real props
- Icons mapped across Lucide, Tabler and HugeIcons
Keeping it current
shadcn/ui keeps moving, and so does the library. It gets updated when the components change, and it is listed on ui.shadcn.com among the design resources.
Make it yours
The shadcn/ui create plugin was built for this exact file. It switches themes, fonts, icons and radius across the whole library in one go, through the variables, without touching components by hand.