8 Best Articles on Atomic Design
The most useful articles on atomic design from around the web—beginners to advanced—curated by thought leaders and our community. We focus on timeless pieces and update the list whenever we discover new, must-read articles or videos—make sure to bookmark and revisit this page.
Top 5 Atomic Design Articles
At a glance: these are the articles that have been most read, shared, and saved on atomic design by Refind users in 2023 so far.
- The full stack design system
- Atomic Design
- Atomic 2.0
- The onion for Design Systems: atomic design and pace layering
- CSS Architecture for Design Systems
Watch a video to get a quick overview.
Brad Frost on what’s next after Atomic Design
Today we talk with Brad Frost about Atomic Design, 7 years later. Brad bet big on the frontend workshop environments before React components took the world b...
Short on time? Check out these useful short articles on atomic design—all under 10 minutes.
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…
The full stack design system
UI methodologies like Atomic Design bring logic and structure to individual screens. Now it’s time to extend that...
Atomic Design and Storybook
I had the honor to be the first guest on Storybook's new Storytime show with the great Michael Chan (aka @chantastic). We talked about the history of atomic design and the rise of the modern JS…
10 reasons you should be using Atomic Design
Following the Atomic Design principles can have big benefits for your workflow. Here's why.
CSS Architecture for Design Systems
We just created a design system for a huge organization and established a CSS architecture we're quite pleased with. It's one of the first times I've ever gotten to a project's finish line without wishing I'd done at least a few things differently. So I thought it would be great to share how we went
These are some of the most-read long-form articles on atomic design.
Revisiting the Atomic Design Method for Design Systems
The onion for Design Systems: atomic design and pace layering
Understand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance
We monitor hundreds of publications, blogs, newsletters, and news sources in Atomic Design, including:
Curated stories on user experience, usability, and product design. By @fabriciot and @caioab.
Daily art and design tips and inspiration.
What is Refind?
Every day Refind picks the most relevant links from around the web for you. Picking only a handful of links means focusing on what’s relevant and useful. We favor timeless pieces—links with long shelf-lives, articles that are still relevant one month, one year, or even ten years from now. These lists of the best resources on any topic are the result of years of careful curation.
How does Refind curate?
It’s a mix of human and algorithmic curation, following a number of steps:
- We monitor 10k+ sources and 1k+ thought leaders on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
- In addition, our users save links from around the web using our Save buttons and our extensions.
- Our algorithm processes 100k+ new links every day and uses external signals to find the most relevant ones, focusing on timeless pieces.
- Our community of active users gets the most relevant links every day, tailored to their interests. They provide feedback via implicit and explicit signals: open, read, listen, share, mark as read, read later, «More/less like this», etc.
- Our algorithm uses these internal signals to refine the selection.
- In addition, we have expert curators who manually curate niche topics.
The result: lists of the best and most useful articles on hundreds of topics.
How does Refind detect «timeless» pieces?
We focus on pieces with long shelf-lives—not news. We determine «timelessness» via a number of metrics, for example, the consumption pattern of links over time.
How many sources does Refind monitor?
We monitor 10k+ content sources on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
Can I submit a link?
Indirectly, by using Refind and saving links from outside (e.g., via our extensions).
How can I report a problem?
When you’re logged-in, you can flag any link via the «More» (...) menu. You can also report problems via email to firstname.lastname@example.org
Who uses Refind?
200k+ smart people start their day with Refind. To learn something new. To get inspired. To move forward. Our apps have a 4.9/5 rating.
Is Refind free?
Yes, it’s free!
How can I sign up?
Head over to our homepage and sign up by email or with your Twitter or Google account.