shadcn design

Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code plugin

Tier A · StrongBlock CollectionTemplateTheme Packshadcndesign.com

A commercial design system that mirrors shadcn/ui in Figma across 8 named styles (Nova, Vega, Mira, Luma, Sera, Maia, Rhea, Lyra) in one file, with roughly 80 components and five bundled icon sets. On top of the kit it sells Pro Blocks — 202 verified landing-page blocks in 23 categories, plus 15 application and 11 e-commerce categories — available as Figma frames, and as React code in the Premium tier. It also ships a Figma plugin that exports variables and generates shadcn/ui + Next.js code, and Agent Skills files that teach Claude, Cursor, and Codex to convert its Figma frames into React. Aimed at product teams who design in Figma first and want the handoff to land on real shadcn/ui primitives.

For an agent

Reach for this only when the human side of the project already lives in Figma and you are being handed frames rather than a spec — its Agent Skills and plugin exist to make that handoff produce real shadcn/ui code instead of divs. If you just need React blocks, the free shadcn/ui blocks or an open registry get you there without a $559 licence, and nothing here installs from a public registry URL. Watch out that the 202 block figure is landing-page only and the React code is gated behind the Premium tier; Plus buyers get Figma frames with no code at all.

Why it is here. The most complete paid Figma mirror of shadcn/ui, and one of the few design kits that has taken the Figma-to-agent handoff seriously with shipped skill files. The price ladder is steep and the code is locked to the top tier.

Install command, framework, licence and component list.

Facts

License: Proprietary / all rights reserved, Commercial license
Pricing: One-time purchase, Paid, Free but account required
Framework: React, Next.js
Styling: Tailwind CSS, CSS custom properties
Distribution: Figma file or kit, Figma plugin, Copy-paste snippet, CLI installer, Agent skill / rules pack
Platform: Web
Content type: Figma / design source files, Code, Design tokens / theme files
Agent readiness: Agent skill or rules pack, Structured documentation, CLI installable
Accessibility: Built on accessible primitives
Maturity: Actively maintained
Pricing detail: One-time, lifetime updates. Personal: Basic $119 (Nova style, Figma only), Plus $299 (all 8 styles + Pro Blocks and templates in Figma), Premium $559 (adds React code, Agent Skills, plugin for 1 user). Team Professional $359 / $999 / $1,599. Team Organization $459 / $1,199 / $1,799. Enterprise $999 / $1,999 / $3,499. 14-day refund at 90% of price.

Components it ships

80 total

Helps you build

Homepage Pricing Website Faq Testimonials Team Blog Contact Us 404 Sign Up Login Web App Settings Web App Checkout Cart Website Adding To Cart Filtering Items

Templates

Notable for

8 visual styles in one Figma file
Agent Skills for Claude, Cursor, Codex
Figma plugin that exports variables
Pro Blocks in Figma and React
Radix and Base UI targets

Provenance

Verified 2026-08-15. HTTP 200. https://www.shadcndesign.com/, https://www.shadcndesign.com/pricing, https://www.shadcndesign.com/pro-blocks, https://www.shadcndesign.com/templates, https://www.shadcndesign.com/docs/components, https://www.shadcndesign.com/sitemap.xml (282 URLs, block category slugs enumerated)

Also in Blocks, Templates & Themes

shadcndesign.comTier A