Blog

Figma slots explained: building flexible components without detaching instances

Learn how Figma slots help teams build flexible components without detaching instances, and why they matter for a cleaner shadcn/ui design system.

article·March 16, 2026·8 min read
Figma slots explained: building flexible components without detaching instances
MW
Matt Wierzbicki

Founder @ shadcndesign.com

Continue reading

Related articles

View all articles
Shadcn Pro Blocks guide: build landing pages, dashboards, and stores quickly
article·5 min

Shadcn Pro Blocks guide: build landing pages, dashboards, and stores quickly

Learn how to use Shadcn Pro Blocks to build landing pages, dashboards, and e-commerce stores faster with pre-structured, consistent UI sections.

How semantic colors work in shadcn/ui
article·5 min

How semantic colors work in shadcn/ui

Learn how semantic colors work in shadcn/ui — why naming colors by role instead of hue keeps your UI consistent, accessible, and easy to theme across light and dark mode.

How to paste Tailwind v4 @theme CSS variables from a shadcn Theme Generator
article·4 min

How to paste Tailwind v4 @theme CSS variables from a shadcn Theme Generator

A step-by-step guide for pasting Tailwind v4 @theme CSS variables from a shadcn theme generator into your globals.css. Covers the new CSS-first theming workflow, common mistakes, and how to fix them fast.

Level-up your workflow today

One-time payment
14 days refund policy