> Markdown version of [/events/world-congress-2024/sessions/279-atomic-design](https://www.wearedevelopers.com/events/world-congress-2024/sessions/279-atomic-design). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Atomic Design - Frontend's Clean Architecture


- **Date:** Friday, Jul 19, 2024
- **Time:** 09:40–10:10 (30 min)
- **Room:** Virtual Stage 1
- **Event:** World Congress 2024

## Description

Originally crafted as a design methodology, Atomic Design offers significant advantages when embraced as a Software Development pattern. It enhances communication within product teams, enabling seamless handoffs from designers to developers who share a common language of atoms, molecules, organisms, and pages. For developers, it fosters consistency across different codebases, making it easier for us to be onboarded onto products.
Could Atomic Design be the blueprint for clean architecture in frontend development?

## Speaker

### [ritamcastro](https://www.wearedevelopers.com/@ritamcastro)

Software Developer


## Related talks at this congress

- [Exploring Atomic Design in Angular: A Live Coding Journey](https://www.wearedevelopers.com/events/world-congress-2024/sessions/90-exploring-atomic) — Nedim Kurbegović
- [5 tips to know before building a design system](https://www.wearedevelopers.com/events/world-congress-2024/sessions/81-5-tips-to-know) — Dani Coll
- [ Micro-Frontends Discovery](https://www.wearedevelopers.com/events/world-congress-2024/sessions/343-micro-frontends) — Luca Mezzalira
- [Bringing back reactivity in "reactive" frontend](https://www.wearedevelopers.com/events/world-congress-2024/sessions/143-bringing-back) — Michał Moroz