★ Unidad 15

Fluidez en Figma

Vuélvete rápido y fluido en la herramienta que usan casi todos los equipos de producto: marcos y capas, auto layout, tamaños y restricciones, componentes y variantes, variables y modos, prototipos y entrega a desarrollo. Cada lección tiene un tablero de diseño dentro de la página, así que practicas cada idea con las manos antes de repetirla en Figma.

🔒 La unidad 15 es para miembros

Las unidades 7 a 25 son para miembros del bootcamp. Inicia sesión si eres estudiante, o postula para unirte.

Iniciar sesiónVolver al curso gratis

1El lienzo, los marcos y las capasMuévete con soltura por un archivo de diseño, distingue los marcos de los grupos y mantén las capas lo bastante ordenadas para que cualquiera pueda trabajar en ellas.
2Auto layoutConstruye botones, listas y tarjetas que se reordenan solos, usando dirección, espacio, relleno y alineación.
3Ajustar, rellenar, fijo y restriccionesDecide cómo se comporta cada capa cuando su contenedor o su contenido cambia de tamaño.
4Componentes e instanciasConvierte los diseños que se repiten en componentes, coloca instancias, haz overrides de lo que puede variar y cambia todo desde un solo lugar.
5Variantes y propiedades de componenteOrganiza las versiones de un componente como variantes, expón las propiedades correctas y cámbialas en las instancias en lugar de crear componentes nuevos.
6Estilos y variablesGuarda colores y números como variables, aplícalos a las capas y cambia de modo, por ejemplo entre claro y oscuro.
7Prototipar en FigmaConecta pantallas en un flujo clicable con las interacciones y animaciones correctas, y preséntalo para probarlo.
8Colaboración y entrega a desarrolloPrepara un archivo del que un desarrollador pueda construir, y colabora con comentarios, versiones y un estado claro.
★Un flujo construido con componentes y prototipadoProyecto