Visión general de los Sistemas de Diseño

1

Construcción de Sistemas de Diseño con Figma

2

Conceptos Básicos de Figma para Sistemas de Diseño

3

Creación de un Sistema de Diseño: Pasos y Estrategias

4

Diseño Neobrutalista: Construcción de un Sistema de Diseño

5

Taller de Creación de Nombres para Design Systems

6

Documentación de Fundamentos en Sistemas de Diseño

Guía de Estilos con Figma

7

Conceptos y beneficios de los design tokens en diseño y desarrollo

8

Escalas Tipográficas y Proporción Áurea en Figma

9

Creación de Escalas Tipográficas en Figma

10

Teoría y Práctica del Color en Diseño de Interfaces

11

Creación y gestión de paletas de colores en Figma

12

Espaciado y Elevación en Diseño de Interfaces

13

Espaciado y Elevación en Figma: Guía Práctica y Aplicaciones

14

Uso de Íconos e Ilustraciones en Diseño de Aplicaciones

15

Documentación de Sistemas de Diseño en Figma

Librería de componentes

16

Atomic Design: Construcción de Componentes en Design Systems

17

Arquitectura y Auditoría de Componentes en Atomic Design

18

Creación de Botones con Variantes en Componentes UI

19

Creación de Componentes de Cart en Diseño UI

20

Creación de Headers Responsivos en Figma

21

Creación de Variantes de Componentes en Diseño de Interfaces

22

Publicación de Librerías y Componentes en Figma

23

Uso de Figma para Crear Interfaces con Design Systems

Implementación y medición

24

Vender y medir un sistema de diseño internamente en la empresa

25

Experiencia Creando un Design System en una Startup

26

Desarrollo de Sistemas de Diseño con JavaScript y CSS

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Desarrollo de Sistemas de Diseño con JavaScript y CSS

26/26
Recursos

Facultad de Computación y Tecnología

Nombre del curso: Curso Práctico de Sistemas de Diseño con Figma

Decano: Sebastián Delmont

Director de escuela: Oscar Barajas

Profesora: Estefay Aguilar

Dirección: Juan David Castro

Producción OPS: Lizeth Cáceres y Rocío Martínez

Creación audiovisual: Felipe Arango

Edición de video: Daniel Cadena

Postproducción de audio: Santiago Guarín Suárez

Diseño gráfico: Amelia Amórtegui

Coordinación general: Andrés Arizmendy, Daniel Gutiérrez, Carol Baquero, Carlos Céspedes y Sura Cedeño

Revisión: Natalia Moreno Espinoza y Rubén Cuello

Aportes 6

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Arquitectura de la información


Estilos

Componentes



Bueno, despues de unos cuantos dias puedo decir que tengo algo que me satisface. Claro, como “primeriso” en el tema y estando solo, debo admitir que tome muchas cosas prestadas del material design, pero es algo que me es funcional para mis propios proyectos.
Y es que es verdad cuando Estefany dice que es una inversion, en tanto tiempo como en decidir, que se necesita, de que forma, donde usarlo, como funciona, que variantes… Pero bueno, fue un reto increible y de aqui en adelante sigue personalizarlo totalmente. Archivo en figma

Me encantó todo el curso, información muy clara para poder implementar. Gracias por enseñar!!

No está el link al curso ni la sección de recursos.
Qué curso tan increíble, excelentes explicaciones por parte de la profe. Lo qué más me gustó fue la creación de los componentes basados en atomic design. No sólo conocer qué son sino también cómo se hacen, me deja muchos aprendizajes y buenas prácticas a seguir al usar Figma. ¡Mil gracias!

Gracias a ti!