Sistemas de diseño para páginas web con Figma

Aprende a crear sistemas de diseño en Figma para páginas web visualmente atractivas y sácale el máximo provecho a tu flujo de trabajo

• Introducción
• Sistemas de diseño
• El proceso de diseño web y de sistemas
• Refinar el sitio web y el sistema de diseño
• Finalizar e ir más allá de la web
• Proyecto final

Habiendo trabajado en campos creativos, el diseñador digital Filip Felbar sabe cómo la falta de organización puede causar problemas. Su proceso está dedicado a organizar y hacer las cosas más fáciles y accesibles. Ahí es donde entran los sistemas de diseño. Un sistema de diseño es una biblioteca colectiva que reúne todos los elementos necesarios para que un equipo planifique, realice y desarrolle un producto de manera eficiente y que esté en línea con su marca. Puede acabarlo todo, desde pautas de estilo hasta información de codificación.

En este curso, Filip compartirá contigo qué son los sistemas de diseño y cuál es su enfoque para desarrollarlos y reciclarlos. También aprenderás a navegar a través de las herramientas de Figma de manera efectiva y crear sistemas de diseño digital para sitios web. ¡Explora los componentes globales y el auto layout para acelerar tu proceso!

• Presentación
• Influencias
• Introducción a los sistemas de diseño
• Cómo los sistemas de diseño pueden ayudarlo a acelerar su flujo de trabajo
• Introducción al proyecto y enfoque
• Configuración del archivo Figma y comienzo de las primeras exploraciones 1
• Configuración del archivo Figma y comienzo de las primeras exploraciones 2
• Expansión del sistema de exploraciones y diseño 1
• Expansión del sistema de exploraciones y diseño 2
• Organización de las páginas del sistema de diseño 1
• Organización de las páginas del sistema de diseño 2
• Exploración de variantes al crear componentes
• Refinar el sistema de diseño con una página ensamblada 1
• Refinar el sistema de diseño con una página ensamblada 2
• Refinar el sistema de diseño con una página ensamblada 3
• Configuración de nuevas páginas con el sistema de diseño completo 1
• Configuración de nuevas páginas con el sistema de diseño completo 2
• Configuración de nuevas páginas con el sistema de diseño completo 3
• Cómo abordar la creación de documentación para el sistema de diseño
• Limpieza y uso de un diseño automático
• Utilización del diseño en otros elementos de la marca
• Pensamientos finales
• Sistemas de diseño para páginas web con Figma