Search Results for ‘atomic design’

Here’s the video of my talk on Atomic Design at InControl Orlando 2014.

I’m speaking at HigherEd Web in Pittsburgh, and answered a few questions about what it means to be future (and present) friendly, Pattern Lab, and more.

I talked about atomic design and Pattern Lab at InControl Conference in Orlando. The video is now up.

Luke Wroblewski wrote up some notes about my atomic design talk at Breaking Development Conference.

I had the pleasure of meeting Arina Thorén in Stockholm Sweden just a week ago, so it’s fantastic she was able to make it over to Chicago for An Event Apart. Here’s her notes from my talk on atomic design.

Here’s Luke Wroblewski’s notes on my talk at An Event Apart in Chicago.

A look at atomic design that also gives a hypothetical example of it in action. I really like the idea of “Nobel Gases,” which he explains: I’d argue that there are a few “Nobel gases” if you will, which are […]

After only playing with the methodology and Pattern Lab for just a few days, my mind is already blown. This is a really intuitive design system that accounts for all stakeholders in a project: from creator to client. This is […]

Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues […]

I really like these thoughts from Ben Edwards about Atomic Design and the concept of phases and metaphases as they relate to major and minor CSS breakpoints. It’s fun to see people take the science analogy further.

Here’s the video of my talk at Beyond Tellerrand in Germany, where I introduce Pattern Lab. Lots more info to come, but in the meantime you can also check out the slides.

The folks at UIE have shared a video of my talk on atomic design at UXIM 2014 in Denver. I’ll be speaking and giving a full-day responsive design workshop at UX Mobile Immersion 2015 in Salt Lake City in 2015. […]

Ah yes, this old chestnut. It pops up as reliably as daffodils in early spring. My perspective has changed very little over the years. Telling web designers they don't need to worry about code is like telling architects they don't […]

If you’ve dabbled in design systems then you’re no doubt familiar with Brad Frost and atomic design. He’s laid the foundation for design systems teams around the world. So in this discussion we talk about the types of challenges he […]

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

What does a mature, end-to-end design system look like in a big, complex organization? What are all the moving pieces, and how do they hang together as a well-considered architecture? What’s required and what’s optional? Hold onto your butts, because […]

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

Very rarely is exactly one design system created to serve exactly one product that expresses exactly one design language. Nearly all the design systems we’ve worked on require a high degree of flexibility in order to properly serve our clients’ […]

“When should we make something a component?” is a question I’ve been fielding for years. My strong answer: right from the start. Creating things with a component-based mindset right out the gate saves countless hours and wailing and gnashing of […]

The products we design are always influenced by the users’ world where they are situated. By bringing context into design systems first, before building the components which result from it, we enable teams to make more confident decisions and deliver […]

I had the pleasure of popping by Google’s NYC office to chat with Rick Viscomi of Google Chrome Developer’s State of the Web series about design systems, atomic design, designer/developer collaboration, and a bunch of other topics. One of my […]

There are a lot of parallels between music and web design/development. Here’s how I see it: Art and science Call it the difference between Type A vs Type B personalities. Or Right brain vs left brain. Or whatever other split […]

You can have a comprehensive design system that contains a slew of well-structured components, thorough documentation, thoughtful guidelines, and a well-considered design language. But if a design system user can’t get done what they’re trying to get done, the whole […]

This post by Tom Johnson gives a fantastic overview of the limitations of static design tools and design/dev handoff tools. The author breaks down the various ways static design tools are detached from the reality of how things truly play […]

Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products’ user interfaces. I see frontend design as helpful mortar that bridges the gap between design and development. Of course “frontend designer” may or may not be […]

I had a fantastic time traveling to Amsterdam to speak at CSS Day (I was part of the + UI Special day). It was an absolutely phenomenal event and I learned a ton from all the amazing speakers. In my […]

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

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