ShadcnDesign
shadcn/ui kit for Figma, Pro Blocks & Templates
Design and build faster with a shadcn/ui Figma kit that ships all 8 styles in one file — 2,000+ components, a Typeset system, Pro Blocks with production-ready code, templates, charts, and a Figma plugin that exports variables and generates clean shadcn/ui + Next.js code.
Meet the Figma kit that matches shadcn/ui perfectly. Ten curated skills that teach Claude, Cursor, and Codex the full shadcn/ui workflow: design in Figma, turn designs into clean code, and build pages with Pro Blocks. Get our ready-to-use blocks available as both Figma components and production-ready shadcn/ui code.
Pricing & access
ShadcnDesign has a free tier, with paid plans unlocking more. Check shadcndesign.com for current plans.
Frequently asked questions
What is ShadcnDesign?
ShadcnDesign is shadcn/ui kit for Figma, Pro Blocks & Templates. Design and build faster with a shadcn/ui Figma kit that ships all 8 styles in one file — 2,000+ components, a Typeset system, Pro Blocks with production-ready code, templates, charts, and a Figma plugin that exports variables and generates clean shadcn/ui + Next.js code.
Is ShadcnDesign free?
ShadcnDesign has a free tier, with paid plans unlocking more.
What are the best ShadcnDesign alternatives?
People comparing ShadcnDesign also look at AppScreens, Keepsake, (in)Dependence, 2dto3d app. See all options in the Design Tools category on SiftFox.
Work on ShadcnDesign?
Claim this profile for free - instant with a work email at shadcndesign.com.
What people say0
Sign in to join the conversation - takes one magic link.
No comments yet. First one sets the tone.