Figma plugin: Quick setup

This update makes it easier to set up the kit for your brand, with more reliable theme imports and code installs.

Quick setup#

Make the kit yours without learning how its variables work.

• Choose your theme. Pick a shadcn style, brand colours for light and dark, fonts, Typeset reading sizes, radius and icons.
• See it live. A live preview shows real shadcn components as you choose.
• Matches shadcn create. The result matches the code shadcn create gives you.
• Never overwrites. Each theme is added as a new theme, so you can keep one theme per client in one file.
• Works across kits. Supports Free 3.2, Pro 3.10 and the paid Base kit, and older Pro 3.2.3 Preview, 3.6 and 3.9.

Better theme imports#

• The Styles tab, tweakcn, pasted globals.css and custom shadcn links now keep corners in step with the theme radius.
• Maia, Vega and Mira corners match shadcn.
• A radius in a v4 globals.css is no longer dropped.
• Theme creation shows the current step and the elapsed time.
• Switching style keeps your other choices.
• Font imports no longer write to font-weight variables.

Code and CLI install#

• 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 there is a Retry button.
• Codegen and sign-in are more reliable.

Design and performance#

• A refreshed plugin UI, built on shadcn's Base UI with the Vega style and the Geist font.
• The plugin is smaller and opens faster. Its code went from 25.9MB to 4.4MB.

Privacy#

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

Read the full announcement or open the Figma plugin.