Articles tagged “components”
9 articles about components.
Best Public Design Systems to Study
Seven publicly available design systems worth studying — what makes each one notable, what you can learn from it, and why these are the references that keep appearing in design system work.
Magic UI Review 2026: Animated React Components for Design Engineers
Magic UI is a collection of animated React components for landing pages and marketing sites. Free for basic access, $149 one-time for Pro. Best for developers who want polished motion without building it from scratch.
Untitled UI Review 2026: The Most Comprehensive UI Kit for Figma
Untitled UI is a massive Figma UI kit with 5,000+ components built on a complete design system. One-time purchase from $149. Best for designers who want a professional starting point rather than building from scratch.
How to Build a UI Kit in Figma
Step-by-step guide to building a custom Figma UI kit — covering color and text styles, component states, auto layout, file organization, and when to buy instead of build.
How to Document UI Components: A Practical Guide
Learn what good component documentation includes, when to use Storybook vs Zeroheight vs Figma annotations, how to write useful usage guidelines, and how to keep docs up to date.
How to Set Up a Figma Design System: A Practical Guide
Step-by-step guide to setting up a Figma design system — file structure, foundations, component organization, team library publishing, version control, and governance.
How to Use Figma Components: A Practical Deep Dive
Master Figma components — creating mains, using instances, nesting, component properties, variants, and organizing a library. Includes a button component walkthrough.
How to Use Storybook as a Designer
Storybook explained for designers — how to read component stories, check states and props, use the Figma plugin to link stories, and why Storybook matters for design system work.
What Is a Design System? A Clear Explanation
Understand what a design system actually is — the difference from a component library, the layers (tokens, components, patterns, docs), when you need one, and how to start building.