Atomic design

Description:
Atomic design is an approach for crafting websites (organism) out of the created elements (atoms), that creates clusters - mollecules. Its more aimed towards preparing proper design systems, or functional prototypes that can be edited even without a help of a designer.

Links:
https://bradfrost.com/blog/post/atomic-web-design/

Keywords:
ux, atoms, mollecules, design

Motivation:
This approach open design systems to everyone in the team (not only those who are proficient with a design tool). Therefore it speed up the process of design and iterations.

Requirements/Prerequisities:
Figma, design system

Level:
activity: description what you have to do in your specific level (e.g. define interface)

Application domain:
Software engineering

Main phase:
Generic: Design/Plan

Related literature:
https://bradfrost.com/blog/post/atomic-web-design/

In which projects do/did you use this practice?
RUK, NZIP (some moduls), Onemocnění aktuálně

UX/UI Designer

3–5 years of experiences
Masaryk University

1. How do ​you rate the potential benefit for your projects? 4
2. How often are you using that practice? 4
3. What is the effort to introduce the practice in your project upfront? 5
4. What is the effort to apply the best practice in your project daily basis? 4

Questions 1, 3 and 4 (1 = Low, 5 = High)
Question 2 (1 = Never, 5 = Always)

You are running an old browser version. We recommend updating your browser to its latest version.

More info