¡50% Dto. Por tiempo limitado!
Curso de sistemas de diseño





+832 Estudiantes activos
Aprende a crear sistemas de diseño desde cero, conoce sus beneficios y las mejores practicas para organizarlo y documentarlo en Figma.
7 Horas 30 minutos
34 Clases
¿Qué aprenderás en este curso?
Elementos de un Sistema de Diseño
Descubre qué implica realmente un sistema de diseño y cómo va más allá de simples guías de estilo y componentes.
Identificación de Necesidades
Aprende a reconocer cuándo tu proyecto o empresa se beneficia significativamente de la implementación de un sistema de diseño.
Ventajas Prácticas
Explora los beneficios tangibles, desde la consistencia en el diseño hasta la velocidad en la creación de nuevos elementos.
Desafíos y Soluciones
Enfrenta los retos comunes al construir un sistema de diseño y descubre consejos prácticos para disfrutar del proceso.
Principios Fundamentales
Sumérgete en la creación de principios sólidos que guiarán todas las decisiones de diseño, basados en la representación de la empresa y la experiencia del usuario.
Variables en sistemas de diseño
Aprende a crear y utilizar las nuevas variables de Figma, para construir un sistema de diseño escalable.
Proyecto del curso
En este curso te enseñaré a crear un sistema de diseño, el cual podrás adaptar a todo tipo de proyecto que desees. Conocerás desde los temas básicos y fundamentos esenciales para crear un sistema de diseño, hasta los temas más avanzados, cómo las buenas prácticas, estructura y documentación, también utilizaremos en profundidad las nuevas variables de Figma, ya que serán un pilar fundamental en la creación de nuestro sistema de diseño.
.webp)
¿Por qué debería tomar este curso?
Una de las principales ventajas de crear sistemas de diseño en Figma es la capacidad de mantener la coherencia visual y funcional en todo el proyecto. Al establecer componentes reutilizables, estilos de texto y colores definidos en un sistema centralizado, los diseñadores pueden garantizar que todos los elementos del diseño se mantengan consistentes en todas las pantallas y aplicaciones.
Crear sistemas de diseño en Figma también promueve una colaboración más efectiva con los equipos de desarrollo. Al utilizar tokens para definir estilos de diseño, como colores y tipografías, los diseñadores pueden generar automáticamente una especificación técnica que los desarrolladores pueden traducir directamente a código. Esto reduce la ambigüedad y los malentendidos, agilizando el proceso de implementación.
Otra ventaja clave es la escalabilidad. Los sistemas de diseño en Figma son ideales para proyectos grandes y complejos, ya que facilitan la gestión y la expansión gradual del diseño a medida que evoluciona el producto.
Es fundamental que los diseñadores dominen la creación de sistemas de diseño en Figma porque mejora la eficiencia y la calidad del trabajo. Los sistemas bien estructurados permiten un diseño más rápido y consistente, lo que a su vez conduce a una experiencia de usuario más sólida y coherente.
El uso de tokens en Figma es especialmente poderoso porque permite que los cambios en el sistema de diseño se propaguen automáticamente a lo largo de todo el proyecto. Esto facilita la actualización y la iteración, ya que los diseñadores pueden ajustar rápidamente los estilos y componentes centrales sin tener que editar cada instancia individualmente. Y todo esto te lo enseño desde cero en este curso.
¿Para quién es este curso?
Este curso es ideal para cualquier persona que desee dominar la creación de sistemas de diseño en Figma. Si buscas hablar el mismo lenguaje que el equipo de desarrollo y poder compartir tus proyectos bien documentados, este curso es para ti.
Testimonios de estudiantes

.webp)




.webp)

%20(1).jpg)
.webp)
Temario del curso
Módulo 1
1 - ¿Qué es un sistema de diseño?
2 - ¿Cuándo necesitas un sistema de diseño?
3 - Beneficios de un sistema de diseño
4 - Retos para construir un sistema de diseño
5 - Cómo convencer a tu jefe y equipo de crear un sistema de diseño
Módulo 2
6 - Principles de un sistema de diseño
7 - Foundations de un sistema de diseño
8 - Variables en Figma
9 - Design Tokens
10 - Creando Tokens de espaciado
Módulo 3
11 - Uso de colores en sistemas de diseño
12 - Documentación de colores en sistemas de diseño - Parte 1
13 - Documentación de colores en sistemas de diseño - Parte 2
14 - Tipografía en sistemas de diseño
15 - Escala de tipografía en sistemas de diseño
16 - Elevaciones en sistemas de diseño
17 - Plugins para elevaciones en sistemas de diseño
18 - Iconografía en sistemas de diseño
19 - Documentación de Iconografía en sistemas de diseño
20 - Creación de Grids en sistemas de diseño
Módulo 4
21 - Atomic Design
22 - Creando nuestro proyecto - Parte 1
23 - Creando componentes interactivos de nuestro proyecto - Parte 2
24 - Creando cards y tabs de nuestro proyecto - Parte 3
25 - Creando secciones de nuestro proyecto - Parte 4
26 - Creando el footer de nuestro proyecto - Parte 5
Módulo 5
27 - Creación de componentes Responsive con variables
28 - Tokens Semánticos Avanzados - Parte 1
29 - Tokens Semánticos Avanzados - Parte 2
30 - Documentación en sistemas de diseño
31 - Creación de Handoff y uso del Dev Mode en Figma
32 - Proceso de actualizaciones en sistema de diseño
33 - Dark mode en sistemas de diseño
34 - Despedida y siguientes pasos
¿Además del curso que otro tipo de ayuda recibiré?
Respuestas a tus dudas
En cada clase podrás dejar todas tus dudas y personalmente te ayudaré a resolverlas.
Actualizaciones gratis
Cuando algo importante cambie, recibirás actualizaciones y clases nuevas sin costo.
Recursos descargables
Tendrás acceso a material exclusivo y archivos de Figma, que te ayudarán a hacer tu trabajo más fácil y rápido.
Certificado del curso
Al terminar el curso podrás solicitar tu certificado para comprobar que has completado el 100% del contenido
Paquetes de cursos
Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.
DesignerPack
(Los cursos ya están definidos y no se pueden cambiar).

.png)
.jpg)

.webp)


