shadcndesign

A collection of Figma and React resources for shadcn/ui projects, including a Figma kit, production-ready blocks, a Figma-to-code plugin, and agent skills that convert designs into React components. It addresses design-to-code mismatches and time spent building layouts and components from scratch. It is for designers, developers, and teams building with shadcn/ui, including product and engineering groups in startups and small to mid-size companies. It is delivered as Figma files, React/Next.js code blocks, a plugin, and documentation with lifetime access.

Key features

• Figma kit for shadcn/ui
• Production-ready Pro Blocks
• Figma to shadcn/ui plugin
• Agent Skills for AI tools
• Generate components from Figma
• Import design tokens to CSS
• 8 styles in one file
• Landing page and app blocks
• E-commerce and marketing sections
• Documentation and Academy