Figma Components: Variants, Auto Layout, and Slots
Master figma components with variants, auto layout, and the slots pattern. Learn...
Tag
Tokens are the boring plumbing that makes a design system hold together, and we love the boring plumbing. Articles here trace the whole path: naming your color and spacing primitives, structuring semantic aliases, syncing Figma variables to code, and shipping JSON through Style Dictionary so designers and engineers stop arguing about hex values. We get into modes, theming, and the naming conventions that survive a rebrand. This is for design system leads and front-end folks who want one source of truth instead of a spreadsheet nobody trusts. Get the token layer right and everything above it gets calmer.
Master figma components with variants, auto layout, and the slots pattern. Learn...
A practical guide to the designer to developer handoff: Figma Dev Mode,...
Design tokens move from Figma variables to CSS and Tailwind. Token tiers,...
Build a production Figma design system with tokens, components, and variants, most...