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
- Design system 102: How to build a design systemfigma.com
- Building an LLM safe design systempolar.sh
- Five years of component.gallery /// Iain Beaniainbean.com
- Open design systems from the Figma Communitydesignsystems.com
- The Blog of Maxime Heckelblog.maximeheckel.com
- Tao of React - Software Design, Architecture & Best Practices | Alex Kondovalexkondov.com
- What will you ship?rauno.me
- LukeW | The New Designer/Developer Collaborationlukew.com
- Crafting the Next.js Websiterauno.me
- Build your own Reactpomb.us
- Design system components, recipes, and snowflakes | Brad Frostbradfrost.com