Blog

Use shadcn/ui kit for Figma with Figma Code Connect

Learn how to use Figma Code Connect with the shadcn/ui Figma kit. Connect your 2000+ components to your codebase for seamless AI-assisted code generation with a step-by-step Code Connect UI setup.

article·November 21, 2025·13 min read
Use shadcn/ui kit for Figma with Figma Code Connect
MW
Matt Wierzbicki

Founder @ shadcndesign.com

Continue reading

Related articles

View all articles
Is shadcn/ui free? Licensing, what's included, and what you still have to build yourself
article·6 min

Is shadcn/ui free? Licensing, what's included, and what you still have to build yourself

Yes, shadcn/ui is free and MIT licensed, including for commercial use. Here's what's included, what the license allows, and what you still build yourself.

How to choose the right shadcn/ui style for your project
article·9 min

How to choose the right shadcn/ui style for your project

Compare shadcn/ui styles to choose the right visual foundation for your product UI, Figma kit, and design system workflow.

How to Use Our shadcn/ui Figma Kit as a Design System for Claude Design
article·8 min

How to Use Our shadcn/ui Figma Kit as a Design System for Claude Design

Bootstrap a production-ready design system for Claude Design in minutes by pointing it at our shadcn/ui Figma kit and matching React codebase.

Level-up your workflow today

One-time payment
14 days refund policy