# Atomic design: qué es y cómo funciona · Zorraquino
> Atomic design es una metodología de Brad Frost que organiza interfaces en átomos, moléculas, organismos, plantillas y páginas.
URL: https://www.zorraquino.com/diccionario/branding/atomic-design.html

# Atomic design

Atomic design es una metodología de Brad Frost que organiza interfaces en átomos, moléculas, organismos, plantillas y páginas

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## Qué es y cómo funciona

Permite pensar en componentes pequeños y en cómo se combinan para crear experiencias completas. Es un modelo de organización, no una obligación de estructura técnica. Un sistema de diseño necesita además criterios de uso, accesibilidad, documentación y mantenimiento.

Temas

[Experiencia y diseño de servicios](https://www.zorraquino.com/diccionario/categoria/experiencia-y-diseno-de-servicios)

## Preguntas frecuentes sobre Atomic design

### ¿Qué hacer cuando un componente no encaja claramente en una categoría de atomic design?

Clasifícalo de la forma que facilite su comprensión y mantenimiento dentro del equipo. La utilidad del método está en relacionar piezas y composiciones, no en discutir una etiqueta perfecta. Documenta qué recibe el componente, qué hace y en qué contextos se utiliza. Después pruébalo dentro de páginas reales. Una biblioteca puede estar bien ordenada en categorías y seguir produciendo experiencias incoherentes si no contempla contenido y comportamiento.

## Conceptos relacionados

- [Sistema de diseño](https://www.zorraquino.com/diccionario/marketing-digital/sistema-de-diseno.html)
- [Design tokens](https://www.zorraquino.com/diccionario/design-tokens)
- [Diseño responsive](https://www.zorraquino.com/diccionario/marketing-digital/diseno-adaptativo.html)

## Referencias

- [Brad Frost: atomic design](https://atomicdesign.bradfrost.com/chapter-2/)
- [Design Systems 101](https://www.nngroup.com/articles/design-systems-101/)