Blog

Agent Skills: Turn Figma Designs into shadcn/ui Code with AI

Introducing Agent Skills: curated instruction sets that teach Claude Code, Cursor, and Codex how to generate production-ready shadcn/ui components from Figma designs and sync design tokens to CSS.

news·March 13, 2026·5 min read
Agent Skills: Turn Figma Designs into shadcn/ui Code with AI
Preview the newest version How to get the new update?
MW
Matt Wierzbicki

Founder @ shadcndesign.com

Continue reading

Related articles

View all articles
Agent Skills and Figma Slots
update·4 min

Agent Skills and Figma Slots

We've launched Agent Skills for AI-powered Figma-to-code workflows, added slots to the Figma kit components, new Tailwind colors, updated AI models, and more.

Introducing our shadcn/ui Theme Generator
news·6 min

Introducing our shadcn/ui Theme Generator

I'm a designer who got tired of seeing beautiful components ruined by bad color choices and mismatched fonts. So I built a theme generator that makes it impossible to mess up.

The shadcn/create in Figma
update·3 min

The shadcn/create in Figma

We’ve brought shadcn/create into our Figma toolkit! Now with five icon libraries in a single kit and new shadcn/ui style. Spin up new projects in seconds using the Create feature.

Level-up your workflow today

One-time payment
14 days refund policy