January 2, 2025
Convert Figma designs into production-ready shadcn/ui code
You asked, we listened! We released a new plugin to help you convert your Figma designs into shadcn/ui code.
Welcome back in 2025!
First of all, thank you for your incredible support in 2024! It was an amazing year! I wish everyone happy new year 2025!
This year, I have 2 new resolutions regarding my work.
- Help Designers become UI Engineers.
- Help people deliver projects faster with more great shadcn/ui resources.
Having that said, we have our first 2025 release to announce! 🥁
Our new plugin is now available!
The Figma to shadcn/ui plugin is a powerful tool that uses Anthropic's Claude 3.5 Sonnet AI to automatically convert Figma designs into production-ready shadcn/ui and Tailwind CSS. It bridges the gap between design and development by generating responsive, accessible, and well-structured code that follows best practices.
Try it out, and let us know what you think! Make sure to check out the documentation on the Figma Community page on how to set up the plugin and get the best results. We're already working on more exciting upgrades for it. The plugin will be free for everyone during our beta period.