Posts Tagged ‘atomic design’

Subscribe via RSS
  1. 11 Nov, 2018

    Creating atomic components in Figma

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

  2. 01 Nov, 2018

    Yes, your startup is ready for a design system

    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 […]

  3. 29 Aug, 2018

    Thinking About React, Atomically

    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 […]

  4. 09 Jul, 2018

    Working With Atomic Design and Pattern Lab Online Course

    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 […]

  5. 24 Jun, 2018

    Reflections on building an MVP design system in 3 months

    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 […]

  6. 14 Jun, 2018

    Tools In The Basement

    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 […]

  7. 23 Apr, 2018

    Who actually uses atomic design?

    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 […]

  8. 02 Apr, 2018

    Creating Themeable Design Systems

    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 – […]

  9. 14 Nov, 2017

    Self-Publishing a Book for Fun and Profit

    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 […]

  10. 22 Oct, 2017

    About Face: How About.com Changed its Design Process and became Dotdash

    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 […]

  11. 25 Apr, 2017

    Designing for Edge Cases

    This is fun. I’m a big fan of designing for dynamic content, which is why template and page stages of the atomic design methodology are two separate things. It’s critical to address best case scenarios, worst case scenarios, and everything in between. That’s […]

  12. 11 Apr, 2017

    Josh Clark on The Full Stack Design System

    Josh wrote up some thoughts about the fantastic, previously-shared Full Stack Design System article, which includes a bit where he goes to bat for atomic design. From the original article: Atomic Design will tell you to take some of your […]

  13. 06 Apr, 2017

    The Book Report: Atomic Design

    Here’s a very kind book review of Atomic Design from Josh Tuck. I remember talking to him about Bob’s Burgers, so I’m glad that made it into the review 🙂

  14. 06 Apr, 2017

    The full stack design system

    Emmet Connolly underscores the point that simply having a UI pattern library isn’t enough to create successful work across products at an organization. To return to our Lego analogy, simply having a limited pattern library of bricks to choose from doesn’t […]

  15. 08 Feb, 2017

    Learning the Web Using Atomic Design

    Ian wrote up some thoughts about how he came into the web industry. By way of being my brother, he had the concepts of modularity and atomic design beaten into him from Day 1 on the job. Perhaps he has […]

  16. 29 Jan, 2017

    Talkin’ Atomic Design on the Non-Breaking Space Podcast

    I had a great time chatting with my pal Christopher Schmitt about atomic design principles, my book, and a bunch of other stuff. Give it a listen!

  17. 28 Nov, 2016

    Atomic Design Out Now

    I have great news: Atomic Design is complete and is on sale now!  You can pick which flavor of the book suits you best: Paperback for $20 Ebook for $10 Paperback + Ebook for $25 The ebook includes ePub, mobi, and PDF formats so you […]

  18. 30 Aug, 2016

    Shoptalk Episode 231: Book Writing Panel

    I had the great opportunity to chat with Chris, Dave, Val, Simon, and Richard about what goes into writing a book. It was fun to hear some the other authors all talk through the same challenges I’ve had (like competing with […]

  19. 28 Apr, 2016

    Copy Editing Atomic Design

    I’m in the process of wrapping up the manuscript of Atomic Design, and it’s time to begin the copy editing process. Up until this point this book project has been a solo endeavor. Writing this book in the open has been fantastic so […]

  20. 08 Jan, 2016

    10 Web design trends you can expect to see in 2016

    I was happy to see The Next Web include modular design as an important trend in modern web design, and of course was happy to see they think atomic design is a good resource for it.

  21. 04 Jan, 2016

    Content and Display Patterns

    Dan Mall posted an absolutely epic article that encapsulates a lot of the pattern-based concepts the community has been advancing for the last few years. I highly recommend reading it in its entirety. Here are some key highlights I took away […]

  22. 07 Dec, 2015

    Atomic Design in one GIF

    Atomic design in one gif.

  23. 30 Nov, 2015

    Making sense of atomic design: molecules and organisms

    In her post, Alla Kholmatova discusses how her team has determined what’s a molecule and what’s an organism in their atomic design system. It’s a thoughtful post that discusses some of the challenges around determining whether to define a component as […]

  24. 14 Oct, 2015

    Atomic design, pattern libraries and more! Workshop in Montreal

    I’m super excited to head to Montreal October 25th to give a full-day workshop all about atomic design, establishing effective pattern libraries, Pattern Lab, and working with a pattern-based workflow. There are only a few tickets available (maximum of only 30 people), […]

  25. 17 Jul, 2015

    Style Guide First?

    On a recent episode of Shop Talk Show, Chris Coyier and Dave Rupert fielded a question regarding style guides and where they fit into the design/development process. Here was the question: I’m working on a redesign for an old website. […]

  26. 10 Jul, 2015

    Atomic Design Is For User Interfaces

    I’m almost finished with Chapter 2 of Atomic Design, which defines the atomic design methodology and discusses the benefits of using atomic design to craft UI design systems. While approaching this chapter, I wanted to address the fact that atomic […]

  27. 20 Apr, 2015

    The What and Why of Pattern Lab

    Dave Olsen (@dmolsen), the beloved developer of the Pattern Lab project, gave a great presentation about why Pattern Lab matters and what it can do.

  28. 14 Apr, 2015

    Maker Series Recap: Brad Frost

    I had a fantastic time traveling to nearby Dayton OH to talk about atomic design as part of Sparkbox’s Build Right: Maker Series. It was a really fun day largely in part because the Sparkbox crew set it up to […]

  29. 31 Mar, 2015

    Interview with Brad Frost

    I had a great chat with David Mannheim about atomic design and a pattern-based design and development workflow.

  30. 22 Mar, 2015

    Email Responses #1: Workflow & Client Education

    Note: I’m going to start posting some of my email responses to people here on my blog. I think a lot of people’s questions are valuable and think they’re worthy of a broader discussion. And I hope the advice I’m […]