Shadcn Studio Figma UI Kit
Shadcn Studio Figma UI Kit is a Figma kit and design system for creating designs with shadcn/ui components, blocks, and templates.
What Shadcn Studio Figma UI Kit is
Shadcn Studio Figma UI Kit is a Figma kit and design system for creating designs with shadcn/ui components, blocks, and templates. It includes more than 1,000 customizable component variants organized for finding and reusing, plus more than 20 themes with light and dark modes. The maker says a single file supports web, tablet, and mobile layouts. Figma Slots allow section customization while preserving structure, and a drag-and-drop builder assembles pages from prepared sections and themes. Its Figma plugin can generate shadcn/ui code, provide CLI commands, or open results in v0.dev. Users can import and export Figma variables in OKLCH, HEX, RGB, and HSL formats compatible with Tailwind CSS 4 and shadcn/ui themes. The page identifies Figma, Claude, v0, and Gemini as AI-ready workflow tools. A free Community plan offers limited resources and community support. Paid plans are one-time purchases: Basic is $99, paid once, Pro is $199, paid once, Team is $449, paid once, and Enterprise is $849, paid once. Paid access includes lifetime access and monthly additions of components, blocks, and templates.
Good
- More than 1,000 customizable component variants.
- More than 20 themes include light and dark modes.
- One file supports web, tablet, and mobile layouts.
- Free Community plan is available.
- Plugin can generate shadcn/ui code.
Watch out
- Community plan has limited resources.
- Basic license is limited to one individual.
- Basic license prohibits sharing access.
- Basic license bars separate resource redistribution.
Who it suits
It suits individual creators and teams designing with shadcn/ui, with plans positioned for solo users through large teams. Designers needing responsive layouts, reusable components, or design-token exchange may find its listed capabilities relevant.
Verdict
Shadcn Studio combines a large Figma component library with themes, layout tools, and a plugin for moving from design toward shadcn/ui code. The free plan is limited, while paid plans have one-time prices and their own license terms.
Plans and prices
From Shadcn Studio Figma UI Kit's own pricing page, checked 3 Oct 2026.
| Plan | Price | What it gives you |
|---|---|---|
| Community | Free | Open Source · limited resources · community support · Free forever |
| Basic | $99, paid once | Single user · unlimited projects · 48 business hours support response · one-time pay |
| Pro | $199, paid once | Single user · unlimited projects · 48 business hours support response · one-time pay |
| Team | $449, paid once | 15 seats · unlimited projects · 24 business hours support response · one-time pay |
| Enterprise | $849, paid once | Unlimited seats · unlimited projects · 24 business hours support response · one-time pay |
The facts
Each one read from Shadcn Studio Figma UI Kit's own pages, with the date it was checked.
What it does
- Audience
- The pricing page positions Basic for individual creators, Pro for serious builders, Team for growing teams, and Enterprise for large teams.checked 3 Oct 2026
- Builder
- Its drag-and-drop builder assembles pages from pre-designed sections and themes.checked 3 Oct 2026
- Components
- The Figma kit includes 1000+ customizable component variants organized for discovery and reuse.checked 3 Oct 2026
- Design tokens
- Users can import and export Figma variables in OKLCH, HEX, RGB, and HSL formats compatible with Tailwind CSS 4 and shadcn/ui themes.checked 3 Oct 2026
- Figma Slots
- Figma Slots let users customize sections while retaining their structure.checked 3 Oct 2026
- Figma to code
- The maker says its Figma plugin generates shadcn/ui code and can provide CLI commands or open results in v0.dev.checked 3 Oct 2026
- Integrations
- The Figma kit page identifies Figma, Claude, v0, and Gemini as AI-ready workflow tools.checked 3 Oct 2026
- License limit
- The Basic license is for one individual and prohibits sharing access or redistributing resources separately from an end product.checked 3 Oct 2026
- Payments
- The pricing page says payments are 256-bit SSL encrypted and processed by Polar.checked 3 Oct 2026
- Privacy
- The privacy policy names CleVision Technologies Private Limited in Ahmedabad, India, and says the service collects personal data and usage data.checked 3 Oct 2026
- Product
- Shadcn Studio offers a Figma UI kit and design system for designing with shadcn/ui components, blocks, and templates.checked 3 Oct 2026
- Responsive design
- The maker says the kit supports web, tablet, and mobile layouts in one file.checked 3 Oct 2026
- Support
- The maker directs purchase questions to email, bug reports to GitHub, and technical questions to its Discord community.checked 3 Oct 2026
- Themes
- The kit offers 20+ customizable themes with light and dark modes.checked 3 Oct 2026
- Updates
- Paid access includes lifetime access and new components, blocks, and templates shipped monthly.checked 3 Oct 2026
Alternatives to Shadcn Studio Figma UI Kit
- 1
Figma Wireframe Kit
Free planAndroidiOSWebAPI8.0From $3 a month - 2
Ant Design Icons
Free planAndroidiOSWeb7.1Free plan - 3
Shopify
Web7.1From $29 a month - 4
GitHub Primer
Free planOpen sourceWebAPI7.0Free plan - 5
MUI
Free planWeb6.8From $299 a year - 6
Carbon Design System
Free planWeb6.6Free plan