Building a Design System from scratch - The Blog of Maxime Heckel
A deep dive into my experience building my own design system that documents my process of defining tokens, creating efficient components, and shipping them as a package.
Building a Design System from scratch May 10, 2022 May 10, 2022 As someone who's always been striving for consistency, building delightful and accessible experiences, and trying to do all that faster than ever, the concept of ✨ design systems ✨ has always interested me. I believe in setting up clear standards for colors and fonts and establishing patterns to build reusable components as the key to building sustainable UIs that can withstand the test of time. For the past few years, I've been working a lot on this blog, the interactive experiences showcased in my blog posts, and several other t
saved by
related reading
- Design System Resources & Tools · Design Systems Surfdesignsystems.surf
- Open design systems from the Figma Communitydesignsystems.com
- Building an LLM safe design systempolar.sh
- Say precisely what you mean.index.how
- Design system 102: How to build a design systemfigma.com
- Design System Wisdom 2023cianfrani.dev
- DesEngs: Resources for Design Engineersdesengs.com
- Unstyled UI components for accessible design systems · Base UIbase-ui.com
- Tammy Taabassum — Product Designertaamannae.dev
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- DESIGN.md Generator — Design System for AI Agents | design.devdesign.dev
- Design system components, recipes, and snowflakes | Brad Frostbradfrost.com