The complete design system in both Figma and code: the Pro Figma kit plus matching production-ready React components, so design and build stay aligned. You get the Figma file (.fig) as an instant download, and a license key to install all 175+ Pro Blocks and 25+ Pro Components into your own React project with the shadcn CLI. All 8 shadcn styles work on both sides: switch styles in Figma via variables and match them in code. The included Figma plugin loads your own style presets, imports themes from tweakcn or CSS, generates React code, and pairs with Agent Skills and MCP support. Also includes the full site template as a complete Next.js project via private GitHub access.

One-time payment with free lifetime updates, kept in sync with new shadcn/ui and Figma releases. Unlimited commercial use. Licensed for 1 developer or editor of the Figma file. Support within 12 hours.