¡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

5 Módulos
Certificado de finalización
Actualizaciones gratis
Recursos descargables
Online a tu propio ritmo
El descuento termina en:
--
Horas
:
--
Min
:
Seg
¿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.

¿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
Nahaidi León
🇲🇽
UX/UI Designer
Desde que inicié mi camino en el Diseño UX/UI, los videos de Cristopher siempre han sido una gran fuente de inspiración. Ahora, tras haber tenido la oportunidad de participar en su curso, puedo decir con total confianza que lo recomiendo muchísimo. Sus clases son prácticas, claras y están diseñadas para ayudarte a aplicar lo aprendido desde el primer momento.
Leslie Gutiérrez
🇨🇱
UX/UI Designer
Creo que tus cursos son un gran aporte para la comunidad de diseño UX/UI. Tanto los cursos, el material que proporcionas, la información que compartes y, sobre todo, la claridad con la que enseñas son realmente excelentes. Siempre que veo tus videos para aprender o reforzar algún tema, pienso en lo genial que sería tener siempre compañeros de trabajo como tú: personas que inspiren, guíen y compartan su conocimiento de una manera tan clara y sencilla. Eres un gran aporte para la comunidad UX.
Paola Medina
🇺🇾
UX/UI Designer
El curso me pareció muy bueno, yo ya venía con bases UX/UI. Y había realizado un curso de profesional Ux designer en Google. Me sirvió para reforzar el conocimiento previo y me gustan mucho los tips que das en las clases. ¡Gracias por compartir tu conocimiento!
María Campo
🇨🇴
UX/UI Designer
Lo más interesante de este curso fue aprender a trabajar de manera organizada teniendo resultados más ágiles e intuitivos en el diseño de nuevos proyectos
Joaquin Carnero
🇵🇪
UX/UI Designer
Me gusto mucho en la parte donde explicas paso a paso de construcción de un proyecto de UX/UI, los diferentes tipos de etapas que tiene el UX.
Luana Cabaleiro
🇦🇷
Estudiante
Me gustó mucho la claridad en las explicaciones, y lo concreto. Estoy adentrandome en el mundo ux/ui, vengo de una rama muy distinta, y fue de gran ayuda. También que me dieron ganas de seguir aprendiendo y mirar mas videos de Cristopher.
Paola Zapata
🇦🇷
UX/UI
Me encantó poder crear componentes interactivos, así no tengo que hacer varias pantallas para representar cambios de estado. La nueva clase de variables me resultó muy interesante, pues yo como Diseñadora UX/ UI, trabajo en una Fintech y los números son el pan de cada día.
Valeria Cervantes
🇲🇽
UX/UI
Este curso es todo lo que necesitaba para aumentar mis habilidades en el uso de Figma y la creación de un sistema de diseño. Cris es un máster y tiene el don de enseñar cada uno de los temas de manera sencilla y concreta.
Sara Rave
🇨🇴
UX/UI
¡Hola Cristopher! Me gustó mucho la manera sencilla y amena con la que enseñas este tipo de temas. El Auto Layout puede parecer intimidante, pero si se aborda desde la lógica y la practicidad como lo haces en tu curso, es fácil convertirlo en un gran aliado para el trabajo del día a día.
Yure Villabona
🇨🇴
UX/UI
Voy con muchísimo conocimiento en mi cabeza, que estoy poniendo en práctica ya. Tanto en mis proyectos personales como en mi trabajo, muchas gracias por compartirnos de tu conocimiento y apoyarnos en mejorar constantemente.
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

Curso de sistemas de diseño
Inscríbete por $47 USD
$94 USD
Comprar
El descuento termina en:
--
Horas
:
--
Min
:
Seg

Paquetes de cursos

Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.

DesignerPack

Pago único. Acceso de por vida.
$97.99 USD
50% Dto.
Precio anterior $196 USD
Este paquete te da acceso únicamente a 5 cursos.
(Los cursos ya están definidos y no se pueden cambiar).
Incluye 6 meses de Figma Pro
(No renovable)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos

MegaPack

Pago Anual, acceso a todos los cursos
$197 USD/año
50% Dto.
Precio anterior $394 USD
Acceso a todos los cursos actuales y futuros
(Durante tu suscripción)
Incluye 1 año de Figma Pro
(Activo durante tu suscripción)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos sin costo extra
WhatsApp ¿Necesitas ayuda? 😃