¡50% Dto. Por tiempo limitado!

Curso de sistemas de diseño

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
Proyecto para tu portafolio
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
Ian Faundez, UX/UI Designer — Estudiante de uxcristopher
Ian Faundez
🇨🇱
UX/UI Designer
Estudié en bootcamps de 6 a 8 meses donde te enseñan solo una pincelada de cada cosa. Terminas el bootcamp, quieres buscar trabajo y no quedas por la poca experiencia. Tus cursos son cosas que no te enseñan en los bootcamps o diplomados. Gracias a ti he podido mejorar muchísimo a la hora de diseñar profesionalmente.
Bren La Manna, UX/UI Designer — Estudiante de uxcristopher
Bren La Manna
🇦🇷
UX/UI Designer
Destaco como principal la excelencia y la paciencia para explicar cosas complejas con el detalle exacto, definitivamente fue lo que más me fascinó. Recomiendo el curso porque esta perfectamente estructurado en cuanto al tiempo de cada módulo lo que genera conservar la concentración y atención. Además, cada uno de los recursos complementarios para apoyarse en cada clase fue de gran ayuda y le aportó muchísimo a mi conocimiento.💛
Mario Karajallo, Developer — Estudiante de uxcristopher
Mario Karajallo
🇵🇾
Developer
La calidad y la experiencia del profesor son excepcionales. Explica los conceptos de manera clara y utiliza tecnicismos que, aunque avanzados, se comprenden bien, lo que facilita aplicarlos en la práctica. Llevaba tiempo buscando un curso de este nivel para profundizar mis conocimientos y mejorar la calidad de mi trabajo.
Nahaidi León, UX/UI Designer — Estudiante de uxcristopher
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.
Larry Cruzado, UX/UI Designer — Estudiante de uxcristopher
Larry Cruzado
🇵🇪
UX/UI Designer
Lo que más me gusto del curso es que por fin siento que puedo dominar el Auto Layout, miraba muchos tutoriales, pero todo lo que aprendía a los días se me iba, pero con la forma de enseñar de Cristopher, siento que ahora sí domino el tema.
Valeria Cervantes
🇲🇽
UX/UI Designer
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.
Dario Bazan
🇦🇷
UX/UI Designer
Es un buen curso, bien explicado, que va directo a lo importante y es sumamente útil y práctico. ¡Sin embargo, por más bueno que sea el curso nada será válido si no practicamos, pero definitivamente esto es lo que necesitamos para practicar y lograr nuestras metas!
Paola Zapata
🇦🇷
UX/UI Designer
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.
Damián Mauro
🇦🇷
UX/UI Designer
La claridad con la que se explican los procesos de Auto Layout y Responsive me gusto mucho. ¡La simpleza para sintetizar un proceso largo en algo práctico!
Rosa Trejo
🇪🇸
Designer
Cristopher explica de maravilla, no se queda en lo superficial, sino que profundiza en conceptos y te explica el por qué de determinadas decisiones, lo cual, me parece fundamental para retener el conocimiento. El curso de Auto Layout está muy bien estructurado, contando con actividades que van subiendo de nivel hasta el proyecto final.
Marcos Ripalda
🇪🇸
UX/UI Designer
En el curso aprendes lo esencial para pelearte con los Auto Layout, que no son cosa sencilla. Desde luego, animas a practicar mucho. Es la única forma. La parte de las variables es una pasada.
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
Inscribirme
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? 😃