Estuve esperando este curso durante mucho tiempo. Estefany es una excelente profesora, siempre contagiando su pasión y extenso conocimiento en cada clase que da. Sé que este curso no será la excepción y podremos aprender demasiado sobre el tema.
Visión general de los Sistemas de Diseño
Anatomía de un Sistema de Diseño
Fundamentos de diseño para Figma: lo que necesitas saber antes de comenzar
¿Cómo crear un sistema de diseño? Proceso, principios y flujo de trabajo
Neo Brutalismo: tendencias de diseño y proyecto del curso
Taller Creativo: Nombramiento de nuestro Sistema de Diseño
Conceptos y recursos importantes en Sistemas de diseño
Guía de Estilos con Figma
Design Tokens: cómo y cuándo usarlos
Cómo calcular escalas tipográficas matemáticamente
Guía de Tipografías en Figma: tamaños, escalas y tokens
Cómo escoger colores: psicología, pautas y accesibilidad
Guía de Colores en Figma
Espaciado y elevación
Guía de espaciado y elevación en Figma
Guía de iconos e ilustraciones en Figma
Cómo Documentar Sistemas de Diseño
Librería de componentes
Atomic Design
Arquitectura y auditoría de componentes
Átomo: botón y variantes
Molécula: card responsiva y variantes
Molécula: header responsivo y variantes
Organismo: hero y variantes
Publicando la librería de componentes
Reto: template y páginas
Implementación y medición
Cómo vender y medir un Sistema de Diseño
Mi experiencia creando Sistemas de Diseño (desde cero) en Startups
Toma el Curso de Sistemas de Diseño con Storybook
Aportes 13
Preguntas 1
Estuve esperando este curso durante mucho tiempo. Estefany es una excelente profesora, siempre contagiando su pasión y extenso conocimiento en cada clase que da. Sé que este curso no será la excepción y podremos aprender demasiado sobre el tema.
Un sistema de diseño es un lenguaje y una fuente de verdad. Es un lugar donde hay información en la que podemos confiar (componentes con reglas claras). Y permite comunicarnos en torno a un lenguaje visual.
Sus partes fundamentales son:
Recordar que tiene más sentido crearlo si se trabaja iterativamente en un producto.
Estos son 2 de los sistemas de diseño en Figma que tengo de referencia.
Yo estaba esperando este curso, pero en mi caso aplicaré todo este conocimiento en Sketch 🧡
Teff es ese tipo de profe con la que nos encariñábamos en la escuela, amo su energía y pasión al enseñar 🌞💚
Para complementar este curso, pueden leer este libro:
Building Design Systems
Unify User Experiences through a Shared Design Language
Teeefi!! Qué clase tan genial! Muchas muchas gracias por tu claridad y los excelentes recursos que nos regalaste.
Por aquí les dejo los sistemas de diseño que conozco:
https://mui.com/material-ui/react-switch/
https://m3.material.io/
https://ui-patterns.com/patterns
El curso que más he estado esperando este mes.
He esperado este curso por tanto tiempo :’)
The best teacher of platzi jejeje
Este es el curso que vengo esperando de mucho tiempo
La única desventaja que yo le veo a un Design System ya se mencionó en el video: Toma mucho tiempo desarrollarlo, toma mucho tiempo que el equipo de diseño de producto, los UI designers, lo UX designers y los front-end developers se pongan de acuerdo. A Spotify y a Apple le ha ido muy bien, pero les ha tomado mucho tiempo.
Estoy a la expectativa, yo hice un sistema de diseño voy a ver si quedó bien o no.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.