Articles tagged “storybook”
6 articles about storybook.
Storybook Review 2026: The Developer's Source of Truth for UI Components
Storybook is a free, open-source tool for building and documenting UI components in isolation. Best for frontend teams that want a living component library separate from the full application.
Design Tokens Explained: What They Are and How to Use Them
Learn what design tokens are, the difference between primitive and semantic tokens, and how to set up a token chain from Figma Variables to code.
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 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.