Detallado de Componentes

Aquí hay ejemplos del método de atomic design con Adobe XD:
https://xd.adobe.com/ideas/process/ui-design/atomic-design-principles-methodology-101/

Esta clase nos ahorrará mucho tiempo en nuestros proyectos 👌🏽

Yo cometí el error de hacer casi todas las pantallas y dejar pausado la clase… ERROR! Esto me hubiera servido muchísimo para mayor agilidad.

Llevo dos años trabajando con Figma y créanme que así se demoren un poco mas en este proceso lo que ahorraran después no tiene precio. 😃

Esas pequeñas cosas que si bien uno no se demora nada en arreglarlas como centrar el texto en el boton , hacerlo manual genera una “perdida de tiempo” cuando facilmente el programa puede hacer esto por nosotros

Estén preparados y preparadas para hacer este tipo de sistemas de diseño: (Basado en el modelo de diseño atómico)

https://www.figma.com/community/file/1158866035626146582

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fd1AQkB4lLW8z7ydLIQRxZr%2FStardeos-Design-System-(Community)%3Fnode-id%3D1121%253A7026" allowfullscreen></iframe>

Un tip que me ha servido mucho para hacer diseños mucho más responsivos es utilizar frames en vez de rectángulos o cuadrados. 🤗

Amo el diseño atómico ❤️

Convertir nuestros elementos gráficos de UI a componentes e instancias nos evitará un quebradero de cabeza y varias horas de trabajo en caso de requerir un ligero cambio a un botón por ejemplo, en varias pantallas o interfaces.

Aquí puedes encontrar más íconos:
https://fonts.google.com/icons

Y todo esto se vuelve mejor cuando lo compartimos entre equipos distribuidos. 🤯

Que genial como trabajar de manera sistematizada puede ahorrarte horas. Me gustó mucho la clase.

Waw, excelente clase!!

Veo que Figma es muy intuitivo, el único pero que le veo es que es un programa en linea…

Sin duda alguna saber todo esto, me ahorrara mucho tiempo!

Muy buen truco!

Instancias, herencia,la verdad es que si hace mucha analogia a lo que es programacion orientado a objetos,en este caso OOUX.

Se me hizo familiar el concepto porque tuve una clase de POO una vez

Me facilito enormente figma con el diseño de las apps y web 😄 … el poderoso componente

Increíble, a mi también me pasó en el diseño de un sitio web donde habían más de 40 pantallas y tuve que cambiar el color y los iconos en cada una de las pantallas jajaj. Excelente clase.

A seguir aprendiendo

Excelente el agrupamiento de componentes. (componentes anidados)

Excelente clase

Excelente clase