Figma Plugin

Design in Figma. Ship real shadcn/ui code.

Import themes from tweakcn, shadcn Create, or CSS. Apply them instantly in Figma, generate React components, and copy CLI commands that work directly with your shadcn/ui project.

Try in Figma Documentation

Frequently Asked Questions

Quick FAQs to get you started.
Still have questions? See all FAQs, or get support.

The plugin connects Figma directly to shadcn/ui workflows. You can:

  • Import from tweakcn
  • Log in to your tweakcn account
  • Apply preset, community, or custom themes
  • Export themes as shadcn/ui-compatible CSS
  • Copy CLI commands for shadcncraft components and blocks
  • Export structured React code from selected frames
  • Swap icon libraries across your entire file instantly

SBIOTJ

Join 3,000+ builders shipping with shadcncraft

Design and assemble full pages faster with production-ready blocks built for real products.

  • Production-ready blocks and components
  • Clean React and Tailwind parity
  • Built for SaaS, marketing, and ecommerce teams
Get the design system
Join Now CTA

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.

Email
Prefer a direct line? Send us a message and we'll get back to you as soon as possible.
Contact
Discord
Get quick support, share feedback, or connect with other builders.
Join
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.
Send feedback