I’m on a quest : discovering how incredible Design Systems leverage Web Components to bring quality and efficiency to all their Web projects! Today, we’ll be exploring Spectrum 2, a powerful and inspiring system created by the design giant, Adobe. Launched in 2013, Spectrum has undergone a remarkable evolution over the past decade. Backed by … Read more
Let’s talk design tokens and the lessons we learned! In our quest for a stellar design system, we embarked on the exciting journey of implementing them –– and well, we encountered some roadblocks. The initial setup was smooth. Our design team had recently switched from Sketch to Figma, and this presented a golden opportunity to … Read more
Hey there, design systems enthusiasts! Let’s talk Web Components again. We’ve discussed why they’re great and how to build them, but it’s time to address the elephant in the room : “Why is their adoption so low if they’re so great?”. On the surface, they seem like a perfect fit for building reusable component libraries. … Read more
Ever feel like accessibility is a constant battle in your dev team? You preach the importance, you evangelize, you showcase bug fixes in weekly meetings, but integrating it into the daily workflow can feel overwhelming. Well, fret no more, fellow accessibility champion! Here’s a story about a super easy solution that transformed our team’s approach … Read more
Welcome back! In my previous article Choosing the Best Framework for Your Design System, we explored the benefits of web components for design systems, particularly their framework-agnostic nature. This allows a single library to power projects built with various frameworks (or no framework at all!). Today, let’s dive deeper and understand the technical aspects of … Read more
Selecting a framework for your design system is a crucial decision. This choice will significantly impact the system’s usability and maintainability as your component library grows and adoption increases. While often overlooked, careful consideration upfront can save time and resources in the long run. Understanding Your Users As a product designed for internal teams and … Read more
Here’s the tale of how fixing what was supposed to be an easy-to-fix accessibility issue turned out to be a challenge thanks to Angular and how I overcame it… Sort of! What are bypass blocks? If you’ve looked into web accessibility before there’s a good chance you’ve heard about bypass blocks before, maybe called skip … Read more
Naming things is hard, and having everyone agree on a shared language is even harder. Discussions can be very messy when the thing everyone calls a spinner is named a loader in the design system, or when nobody is really clear on what the body of a product card really is. Today I’ll show you … Read more