Import shadcn and tweakcn themes
Bring shadcn Create or tweakcn themes into Figma so you’re working with the same values used in code.
Import shadcn and tweakcn themes
Bring shadcn Create or tweakcn themes into Figma so you’re working with the same values used in code.
Import shadcn and tweakcn themes
Bring shadcn Create or tweakcn themes into Figma so you’re working with the same values used in code.
Import shadcn and tweakcn themes
Bring shadcn Create or tweakcn themes into Figma so you’re working with the same values used in code.
Work directly with CSS in Figma
Import raw CSS to generate themes, edit them visually, then export clean CSS back to code.
Work directly with CSS in Figma
Import raw CSS to generate themes, edit them visually, then export clean CSS back to code.
Work directly with CSS in Figma
Import raw CSS to generate themes, edit them visually, then export clean CSS back to code.
Work directly with CSS in Figma
Import raw CSS to generate themes, edit them visually, then export clean CSS back to code.
Keep design and code in sync
Move themes between Figma and code without rebuilding tokens or duplicating work.
Keep design and code in sync
Move themes between Figma and code without rebuilding tokens or duplicating work.
Keep design and code in sync
Move themes between Figma and code without rebuilding tokens or duplicating work.
Keep design and code in sync
Move themes between Figma and code without rebuilding tokens or duplicating work.
Our plugin is available free to all Shadcraft customers (including the free kit).
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
Everything in Base
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
Everything in Base
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
Everything in Base
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
Everything in Base
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.