Matt Wierzbicki

ShadcnDesign Launch

by•

Hey! I'm Matt, and today I'm launching shadcndesign - the complete shadcn/ui toolkit I wish existed when I needed it.

Quick backstory: I spent 7 years building Figma resources for 100,000+ designers and maintaining the Ant Design System. When I went looking for a proper shadcn/ui kit for Figma, everything I found was either outdated, poorly built, or abandoned. So I decided to build it myself.

Here's what shadcndesign includes:

  • 2,000+ Figma components that perfectly mirror shadcn/ui code -- auto-layout, variants, Tailwind CSS variables, the works

  • Pro Blocks -- ready-to-use sections for landing pages, app UI, and e-commerce, with production-ready code you can install via CLI

  • A Figma plugin that generates clean shadcn/ui + Next.js code from your designs, exports/imports CSS variables, and keeps design and code in sync

  • Templates to get full projects off the ground fast

  • A video academy so you actually know how to get the most out of everything

The part I'm most proud of? shadcn himself said: "This is the ultimate Figma kit for shadcn/ui. If I were to build a Figma kit, this is what I would've built." That meant a lot.

Teams at Deloitte, Intel, TripAdvisor, Toptal, and UC Berkeley are already using it daily.

I built this because I genuinely believe designers and developers shouldn't waste time translating between Figma and code. Everything stays in sync, everything stays updated, and I'm here if you need help.

Would love to hear what you think - happy to answer any questions!

Check it out below ↓

https://www.producthunt.com/products/shadcn-ui-kit-for-figma

15 views

Add a comment

Replies

Best
Jonasz Kujawski

Congrats Mateusz,

What a beautiful example of open source power. I'm trying to use Shadcn for my projects.


What's the genesis of Shadcn's nickname? What's the history around it?