Quantum Design es una metodología para construir sistemas de diseño consistentes y escalables.
Quantum es una metodología de sistemas de diseño basada en el concepto de Diseño Atómico. El objetivo era crear un sistema de diseño que pudiera aplicarse a cualquier producto. Para este proyecto creé la documentación de la metodología en gitbook y un UI Kit en Figma.
Sobre la metodología de Quantum
En la metodología de Quantum, un átomo es un componente divisible, ya que la componen al menos dos valores que llamamos quarks. En el mundo UI, estos son más comúnmente conocidos como "tokens."
El enfoque de esta metodología es crear sistemas de diseño coherentes y escalables.
Filosofía de los design tokens
Quantum Design organiza tokens en tres niveles: Global, Sistema y Componentes. Esta estructura piramidal garantiza que los tokens de nivel inferior apoyen a los niveles superiores, creando consistencia y escalabilidad en todo el sistema de diseño.
Librería de componentes
Creamos Quantum como una metodología y diseñamos un UI kit en Figma que cuenta con más de 40 componentes totalmente construidos desde átomos hasta plantillas, todos creados con variables y auto-layout para máxima versatilidad.
Framer landing page
Para visibilizar al proyecto, diseñé y desarrollé una landing page en Framer con el objetivo de promocionar y contextualizar como funciona Quantum Design, hacia quién está dirigido, beneficios y características de la metodología. En el primer mes aún sin tener una estrategía de marketing, Quantum logró 50 descargas en la comunidad de Figma
