Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Domestika

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

via Domestika

Overview

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!

Syllabus

  • 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

Taught by

Filip Felbar

Reviews

Start your review of Sistemas de diseño para páginas web con Figma

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.