Ventajas de Atomic Design

Este ejercicio me ayudó mucho a identificar, es práctico para divisar los elementos que se repiten y su forma para poder organizar el sistema de diseño.

Ventajas de Atomic Design:

• Práctica generalizada y más común de construir interfaces y mantener un sistema de diseño.
• Es la manera de construir un sistema de diseño.
• Fácil de comunicar con personas no-diseñadoras.
• Es una forma más sencilla de aterrizar una idea
• Diseños consistentes y escalables

Ok. Básicamente se la copié al profe pero me sirvió para practicar.

Ventajas de Atomic Design (una forma de contruir el Design System)

1. Es la práctica más común para crear el prototipo y que se mantenga a largo plazo.
2. Fundamentos de los Design Systems, es más fácil el trabajo con el equipo.
3. Fácil de explicarlo con los no-diseñadores.

¿Para el inventario de componentes no deberíamos hacerlo pensando en código? Es decir, ponerle los nombres que van a ser utilizados en desarrollo para que todos hablemos el mismo lenguaje.

¿El footer podría considerarse como “template”?

Por cierto chicos, en Figma se pueden crear elementos para replicarlos rápidamente

Mi aporte

Cuando empecé a hacer este ejercicio me puse a pensar que anteriormente solo diseñaba con creatividad y buscando patrones pero ahora entiendo que todo es parte de un sistema y que en el fondo tener uno nos va a facilitar el trabajo de seguir diseñando nuevas interfaces en el futuro. A seguir practicando.

sinceramente el curso es demasiado interesante, pero como profesor creo que el profesor queda mucho a deber, no le entiendo a la manera en como baja la información a los formatos

Dupliqué el formato del listado de componentes y está quedando de esta forma:

Nunca había hecho un documento de este tipo pero es interesante analizar cada componente desde su forma más básica.

Las primeras paginas del prototipo, identifique los atomos, moléculas y organismos con colores y su inicial. Hecho en invision app

¿Alguien sabe qué comando dbo usar para “clonar” un elemento en Invision? Como hace el profe al seleccionar una imagen y la arrastra y la está duplicando. Intento usar los comandos de Adobe, como Alt + arrastrar, pero no me funcionan 😦

💥 Spoiler del reto: Los componentes son cientos, puede que miles dependiendo que tan larga sea la web y que tanta información contienen. 👋

Atomic Design es la metodología de diseño más demandada por reclutadores. 💪

Mis apuntes