Posts Tagged ‘atomic design’

I’m super excited to talk about the potent combination of AI and design systems with my pal Dominic Nguyen and the folks at Storybook this Thursday. I got to huddle with Dom today, and this is something that’s going to […]

A few months ago, I had the privilege of being interviewed on the Design Systems Collective by Shane P Williams. This interview captures a lot of my current thinking about design systems, our design tokens course, collaboration, recipes, and more.

I had a lot of fun talking with Arseni Harkunou on the Product Craft podcast. We cover a ton of ground! What “good” means in the age of AI and the real role of a designer Practical advice on transitioning […]

TL;DR: You can preorder my new Atomic Design Certification Course for only $50! Why create an Atomic Design Certification Course? I’ve got big ambitious for this course, and I’m aiming to: Increase design system adoption For years, people (me included!) […]

I had the pleasure of speaking with Vy Alechnavicius on the Experienced Design podcast. We had a great wide-ranging conversation!

One of the most-asked questions I get is “What would you change about Atomic Design?” My answer is: I would probably talk about design tokens! In the world of UI, design tokens are subatomic particles. The design token color-brand-blue is a critical ingredient […]

I recently had the pleasure of doing a Q&A session with Molly Helmuth’s Design System Bootcamp cohort. The questions were great and varied, so I asked Molly if she’d be alright if I shared my answers with you all. Thankfully, […]

I was recently a guest on the CodingCatDev podcast, where we covered a lot of ground around design systems, including the design system ecosystem, the idea of a Global Design System, and many of the challenges teams face when creating […]

As organizations race to deliver best-in-class digital experiences to their customers, the ability to innovate has become essential. Building a strong foundation is no longer the end-all-be-all to success; it’s also the ability to reimagine what’s possible tomorrow that truly […]

I’m definitely not trying to single this particular article, but it’s a common misconception about atomic design that’s persisted over the years: Starting Point: The initial stage of Atomic design begins with the smallest design elements, such as buttons, labels, […]

Absolutely honored to have atomic design included in this roundup of Educational Sensational Inspirational Foundational posts.

It’s an honor to be referenced at Figma’s Config keynote and follow-up article AI: The Next Chapter in Design.  I like how Figma used the atomic design methodology to articulate where AI might prove to be most useful. Lower-level atoms […]

Containing multi-site management within a single codebase covers how one can apply atomic design principles in a React codebase.

Here’s the Storybook team with a post that breaks down how different teams organize and structure their Storybooks. This kind of analysis is great and demonstrates how you can slice things in many useful ways depending on the needs and […]

I’ve always been surprised to see how people interpret/reinterpret atomic design, but I’ll say seeing atomic design mashed up with Stewart Brand was particularly surprising! Source: The onion for Design Systems: atomic design and pace layering

Like atomic design? Like Pattern Lab? Or even just like chemistry? You can order an atom t-shirt from Cotton Bureau. Thanks Brian for making this happen! 

Atomic design is now over 6 years old (which is nuts!). I’m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product […]

I had a great time at Smashing Conf San Francisco, where my session involved live-coding a design system on stage. It was the first time I’ve ever live-coded on stage before and was terribly nervous about the whole thing. Thankfully, […]

Atomic Design has been on sale for about two and half years, and I’m making the decision to stop selling paperback copies of the book. You can still buy the ebook version of the book for 10 bucks in addition […]

It’s great to see that design tools like Figma and Sketch have improved so designers can practice atomic design within them.

Rather than starting out by building out buttons and components (a mistake we made early on), focus instead on building flows and working backward from there. It took hundreds of sketches, brainstorming sessions across teams, wireframes, and mockups to arrive at […]

React, at its core, follows Atomic Design inherently by encouraging developers to keep components as simple and as broken down as possible. From this simplicity, we can create more complex components and containers of components to create the user interfaces […]

I’m excited to share an online course called Working With Atomic Design and Pattern Lab for Gymnasium. Here’s what the course covers: This course will teach students the atomic design methodology, setting up Pattern Lab, building & using UI components […]

This post lays out a lot of the first steps of creating a design system in short order. I enjoy how the author reflected on some of the initial tool and process churn as the team found their bearings. This […]

After putting my daughter to bed last weekend, I crept downstairs to finally hang pegboard and organize the jumble of tools scattered around my basement. And wow, what a therapeutic, enjoyable experience that was! As I was performing this strangely […]

A few people have gotten in touch with witty comments like “Care to comment?” It’s always fun to see people get caught up in labels and nomenclature, but ultimately I think the mental model continues to be helpful (for me […]

TL;DR: Design systems + CSS Zen Garden = Awesome. Is it possible to create a single design system that powers wildly different-looking brands and experiences? The answer is yes! But why would you want to? Different audiences and contexts – […]

I wrote and self-published a book called Atomic Design, and I’m really pleased with how the whole thing turned out. I want to share my experience largely because I think the process has a lot to offer other authors who […]

Adam McClean and Dan Mall had a fantastic chat with Jared Spool about the work we did to help transform About.com into the new Dotdash. We took their monolithic brand and exploded it into a suite of topic-specific brands, with […]