Search Results for ‘atomic design’
-
18 May, 2014
Atomic Design at InControl
Here’s the video of my talk on Atomic Design at InControl Orlando 2014.
-
02 Apr, 2014
Brad Frost on Present-Friendly Web, Atomic Design & highered websites
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.
-
14 Mar, 2014
Atomic Design Talk at InControl
I talked about atomic design and Pattern Lab at InControl Conference in Orlando. The video is now up.
-
22 Oct, 2013
Atomic Design
Luke Wroblewski wrote up some notes about my atomic design talk at Breaking Development Conference.
-
27 Aug, 2013
An Event Apart: Atomic Design
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.
-
27 Aug, 2013
An Event Apart: Atomic Design
Here’s Luke Wroblewski’s notes on my talk at An Event Apart in Chicago.
-
11 Jun, 2013
Atomic Design: Some Thoughts and One Example
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 […]
-
10 Jun, 2013
Atomic Design Makes Me Feel Like a Chemist
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 […]
-
10 Jun, 2013
Atomic Design
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 […]
-
06 Jun, 2013
Phases (and Mesophases) – a possible addendum to Atomic Design
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.
-
04 Jun, 2013
Atomic Design
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.
-
12 Dec, 2014
Building Design Systems from Atomic Elements
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. […]
-
22 Apr, 2024
The art of design system recipes
Recipes are a critical — and often misunderstood! — layer in the design system ecosystem. First of all, what exactly are recipes? As the name suggests, recipes combine ingredients to create UI experiences that are complex, delicious, nutritious. The design […]
-
05 Apr, 2024
Should designers code?
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 […]
-
22 Mar, 2024
Deep Dive with Brad Frost — The new frontier of design systems
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 […]
-
04 Mar, 2024
Evolving design systems | A free Webflow resource
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 […]
-
21 Sep, 2023
The Design System Ecosystem
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 […]
-
05 Sep, 2023
AI: The Next Chapter in Design | Figma Blog
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 […]
-
11 Jul, 2022
The Many Faces of Themeable Design Systems
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’ […]
-
03 Feb, 2021
Design system components, recipes, and snowflakes
“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 […]
-
05 Oct, 2020
Design Systems For Figma: Bringing Context To Design Systems
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 […]
-
05 Feb, 2020
Design Systems with Brad Frost – The State of the Web
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 […]
-
02 Dec, 2019
Music and Web Design
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 […]
-
04 Nov, 2019
A Design System Governance Process
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 […]
-
22 Jul, 2019
Design tools are holding us back
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 […]
-
17 Jul, 2019
Frontend Design, React, and a Bridge over the Great Divide
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 […]
-
18 Jun, 2019
The Technical Side of Design Systems at CSS Day in Amsterdam
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 […]
-
26 Apr, 2019
Let’s Make A Design System! Live Coding at Smashing Conf
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, […]
-
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.
-
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 […]