sitsiilia

Note · October 2026

Why I rebuilt shadcn/ui in Figma

I've always loved how clean and flexible the shadcn/ui components are. So I set out to recreate the library in Figma, because I wanted to design with the same system developers were already using.

No more guessing paddings, rebuilding buttons, or hacking together a dropdown.

I stayed as close to the original as I could, using variables, auto layout and component props, so designers can confidently work on the same foundation as their dev teammates.

Then it got bigger than I expected

What started as a small workflow improvement quickly turned into something bigger. I've been blown away by how many people have found it helpful, from solo makers to design teams trying to stay in sync with developers.

Whether it's for faster wireframing, smoother handoffs, or just staying consistent, it's been amazing to see the library used in real projects.

I appreciate every kind word, download and bit of feedback. It's a reminder that even small tools can make a real difference in everyday work.

Get the library on Figma. It's free.