Sesión 15: Desarrollo de Moléculas y Organismos
Jueves 18 Agosto 2022. La clase trata de un trabajo particular, se continua trabajando en moléculas y organismos. En los estudios de youtube continuo estudiando de este canal. estamos investigando sobre la comunidad e Figma. En el proyecto se han creado variadas varientes en la molesculas y orgnanismos En pocas palabras, […]
Sesión 14: Página Desktop / Mobile + 5 Plugins
Miércoles 17 Agosto 2022. Se logra formar la primera pagina en la versión de escritorio + la versión en mobile, estas serian las plantillas de mi proyecto. el Frame se llama plantilla o Template. Átomos → Moléculas → Organismo → Templates → Páginas ¿Qué incluye un Design System? Para los diseñadores […]
Sesión 13: Design system + 10 librerías
Martes 16 Agosto 2022. Se va completando el design system del proyecto radio con átomos y moléculas. En clases fui avanzando revisando plugins y librerías para mi proyecto radial. Los mejores Kit UI y Sistemas de Diseño en la comunidad de FIGMA Figma es una herramienta que se puede descargar gratis desde […]
Sesión 12: Variantes en Figma
Sábado 13 Agosto 2022. La clase trató en su mayoría sobre tips para UI, al final de este articulo se comparten. Como materia se revisa el uso de las variantes. Las variantes de Figma te permiten crear un componente único donde de otra manera crearías varios, en lugar de eso te permiten cambiar […]
Sesión 11: Auto Layout
Viernes 12 Agosto 2022. La clase comienza con la explicación del Auto Layout en Figma. Auto Layout fue publicado por primera vez en 2019 y, pese a que resolvía muchos problemas, era difícil anidar muchos dentro de un frame y poder alinearlos bien. ¿Qué es Auto Layout? Es la funcionalidad que te va a permitir crear frames que se adapten […]
Sesión 10: Moléculas en Figma
Jueves 11 Agosto 2022. La clase trato de la creación de nuestro primeros botones y el manejo de los componentes en figma. Los componentes son elementos que se pueden reutilizar. Se pueden crear componentes a partir de capas o grupos de capas que hemos diseñado: pueden ser botones, iconos, o diseños más complejos como pies de página o […]
Sesión 9: Átomos en Figma
Miércoles 10 Agosto 2022. La clase trata de la conformación de los átomos y la primera molécula de mi design System (el botón) . Hasta ahora se han creado tipografías, sus tamaños y características, colores, estilos de bordes, sombras y se han designado iconos convertidos a componentes. 1. Átomos: son los componentes básicos de […]
Sesión 8: trabajo en clases
Martes 9 Agosto 2022. Nos dedicamos a trabajar el atomic design de nuestro proyecto. Como investigación se repasa la idea de los flujos pero en la interfaz de Overflow. Se investiga sobre las grillas y su importancia para CSS https://960.gs Se investiga sobre los componentes de Figma
Sesión 7: Atomic design
Lunes 8 Agosto. La clase trato sobre crear nuestro system design desde el átomo hasta la página. La idea es identificar estos elementos y graficarlos. El Atomic Design es un modelo mental en el que las interfaces de usuario conforman un sistema jerárquico interconectado de componentes. La metodología de diseño atómico se compone de 5 niveles discretos: átomos, moléculas, organismos, plantillas y páginas. Te […]
Sesion 6: Figma / Primeros pasos
Características de Figma Todo está en la nube Como te he avanzado en la introducción, Figma está basado en el navegador. Lo que significa que tus archivos estarán siempre accesibles y podrás evitar perder tiempo (e invertir dinero) en servicios de almacenamiento como Google Drive y Dropbox. Tienes también un historial de […]