Updates

Quick setup: make the shadcncraft Figma kit yours

The shadcncraft Figma plugin adds Quick setup, better theme imports, more reliable code installs, a refreshed design, and a much smaller plugin.
Ha
Hamish O'Neill
3 min read
shadcncraft Figma plugin with Quick setup

The latest shadcncraft plugin update adds Quick setup. It lets you make the kit yours without learning how its variables work.

Quick setup

Pick a shadcn style, brand colours for light and dark, fonts, Typeset reading sizes, radius and icons. A live preview shows real shadcn components as you choose, so you can see the result before anything changes in your file.

What you get matches the code shadcn create gives you, so your Figma file and your project start from the same place.

Each theme is added as a new theme. Your existing themes are never overwritten, so you can keep one theme per client in a single file.

Quick setup works with Pro 3.10, Free 3.2 and the paid Base kit. It also supports older Pro 3.2.3 Preview, 3.6 and 3.9 files.

Better theme imports

Corners now stay in step with your theme's radius when you import from the Styles tab, tweakcn, a pasted globals.css or a custom shadcn link. Maia, Vega and Mira corners match shadcn, and a radius in a v4 globals.css is no longer dropped.

Theme creation shows the current step and how long it has taken. Switching style keeps your other choices, and font imports no longer write to font-weight variables.

Code and CLI install

The Code tab recognises 41 more blocks, including Benefits, Metrics, Pricing, Testimonials, the Kanban parts and the dashboard cards.

A brief licence-server outage no longer erases your saved licence key, and a Retry button lets you try again. Codegen and sign-in are more reliable too.

A refreshed plugin

The plugin has a new look, built on shadcn's Base UI with the Vega style and the Geist font.

It is also much smaller. Its code went from 25.9MB to 4.4MB, so it opens faster.

Privacy

The plugin now sends anonymous action counts only. It sends no file, theme or personal data.

Open the shadcncraft plugin and run Quick setup on your file. See the changelog for the full list of changes.

Ha
Hamish O'Neill
Founder, shadcncraft
Ship faster with the shadcn/ui design system
Production-ready blocks and components, 1:1 in Figma and React, built for real products.
SBIOTJ

Join 16,000+ builders shipping with shadcncraft

Design and assemble full pages faster with production-ready blocks built for real products.
  • Production-ready blocks and components
  • Clean React and Tailwind parity
  • Built for SaaS, marketing, and ecommerce teams
Get the design system
Join Now CTA

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.
Email
Prefer a direct line? Send us a message and we'll get back to you as soon as possible.
Discord
Get quick support, share feedback, or connect with other builders.
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.