Shadcn Studio Figma Kit
by shadcnstudio
Premium shadcn/ui Figma design system with 1000+ component variants, 750+ blocks, Figma Slots, 20+ themes, and an AI Figma-to-code plugin.
May 27, 2026
premium
Overview
Shadcn Studio Figma Kit is a premium shadcn/ui design system for Figma with slots-based components, hundreds of blocks and templates, theme variables, and the shadcn/studio plugin for AI-assisted Figma-to-code generation.
Features
- 1000+ component variants and 750+ blocks aligned with shadcn/ui
- Figma Slots: Swap components and blocks without detaching instances
- 20+ themes with light/dark mode and design-token export (OKLCH, HEX, RGB, HSL)
- Figma to code plugin: Generate shadcn/ui code, CLI install commands, and v0.dev handoff
- Drag-and-drop blocks: Insert dashboards, landing pages, and UI sections from the plugin
- Design-to-dev workflow: Theme generator, MCP integration, and production-ready handoff