Curso Online
Aprende diseño UI con Figma
Aprende a diseñar elementos clave de una UI y certifícate en el programa más utilizado en diseño UX.
Curso grabado con 14 horas de aprendizaje.
👆🏽 Comienza a utilizar Figma con nivel avanzado
Acceso de
por vida
40 lecciones
grabadas
Certificado
al terminar
Este curso es para ti si…
Trabajas como UX Designer pero sientes que necesitas mejorar tus habilidades y conocimiento en diseñar con el programa de Figma
Necesitas un curso de referencia donde puedas acceder de inmediato a lecciones específicas en lugar de revisar horas de contenido por internet.
Eres Fron-End Developer y necesitas adquirir más conocimientos en diseño visual para poder hablar con el equipo de diseño.
Has salido de una bootcamp o curso de diseño UX y crees que necesitas seguir mejorando tus conocimientos en el programa.
Necesitas evitar errores comunes: Aprende de inmediato cómo utilizar el programa para que no tengas que arreglar problemas más tarde.
Crees que Figma es difícil. En este curso descubrirás lo fácil que es aprender a diseñar con este programa de diseño.
Sabrás crear elementos de una UI rápidamente y de forma sencilla.
Conocerás los últimos plugins en Figma para diseñar más rápido
en tu trabajo
Dejarás atrás la inseguridad con cada clic que hagas en Figma.
Cada lección está diseñada para que aprendas rápido, sin perder tiempo.
Qué conseguirás con este curso
Obtendrás resultados tangibles desde el primer módulo donde ya podrás practicar diseñando, no solo viendo teoría.
Aprende cómo manejar Figma
Este curso consta de teoría, práctica y recursos, que te ayudarán a mejorar tus habilidades diseñando en Figma.
MÓDULOS DEL CURSO ONLINE
Introducción
Presentación del curso
¿Que vas a aprender en este curso?
Qué es y por qué usar Figma
Introducción e historia de Figma.
Creación de una cuenta + Crear un archivo y compartirlo
Empezamos desde 0.
Figma Community
Descubre qué es y para qué sirve Figma Community.
Recorrido por la interfaz de Figma
Veremos dónde se situan las principales herramientas y funcionalidades.
Cómo movernos por el archivo y atajos útiles
Aprovecharemos los atajos de Figma para trabajar más rápido.
Módulo 1: Panel de herramientas
Frames y secciones
Los elementos principales para organizar tus diseños.
Formas (Rectángulos, líneas, flechas, elipses, polígonos, estrellas)
Rellenos, degradados, bordes, efectos, etc.
Pluma
Aprenderás a utilizar la herramienta para crear formas vectoriales.
Texto
Veremos cómo aprovechar todas las funcionalides de la herramienta de texto.
Imágenes
Cómo insertar y trabajar las imágenes en Figma.
Máscaras
Cómo enmascarar imágenes en Figma.
Práctica módulo 1
Práctica módulo 1
Módulo 2: Estilos y layout
Estilos
Cómo guardar colores, estilos de texto, efectos, etc.
Constraints
Usa a tu favor los constraints a la hora de redimensionar los frames.
Layout Grid
Organiza los elementos de tus diseños de una manera organizada y consistente.
Modelo de caja
Aprende cómo se estructuran los elementos en HTML para entender Autolayout.
Autolayout
Aprende la base para organizar los elementos de diseño y trabajar de manera consistente.
Práctica módulo 2
Práctica módulo 2
Módulo 3: Trabajar con componentes
Bibliotecas de componentes
Qué son y para qué sirven los componentes.
Variantes de componentes
Aprende las variantes de los componentes.
Propiedades de componentes
Aprende a crear propiedades en los componentes para que sean mucho más versátiles.
Trabajando con iconografía
Aprende a crear y usar correctamente los componentes de tus iconos.
Práctica módulo 3
Práctica módulo 3
Módulo 4: Cómo usar variables en sistemas de diseño
Introducción a las variables
Descubre los diferentes tipos de variables en Figma.
Dark theme y Light theme usando variables
Usaremos las variables para crear diferentes temas de nuestros diseños.
Diseño responsive con variables
Aprovecharemos la potencia de las variables para hacer responsive nuestros diseños.
¿Qué son los tokens de diseño?
Aprende por fin qué son y para qué sirven los tokens de diseño.
Sistema de diseño en Figma parte 1 – Color
Sistema de color (Usando variables y tokens)
Sistema de diseño en Figma parte 2 – Tipografía
Sistema de tipografía (Usando estilos y variables)
Sistema de diseño en Figma parte 3 – Sizes y Corner radius
Sizes y Corner radius Tokens
Sistema de diseño en Figma parte 4 – Efectos
Efectos (Usando estilos)
Práctica 4
Crearemos un sistema de diseño básico para afianzar los conocimientos adquiridos.
Módulo 5: Prototipado y handoff a desarrollo
Introducción a los prototipos
Aprende a conectar tus primeras pantallas y a hacer animaciones sencillas.
Prototipos avanzados
Creación de prototipos usando variables.
Módulo 6: Figjam y Figma Slides
Figjam para workshops de diseño
Aprende a utilizar esta herramienta para tus cocreaciones o dinámicas grupales.
Figma Slides
Aprende a crear presentaciones y otros entregables de diseño con Slides.
Módulo 7: Figma Make
Qué puedes crear con Figma Make
Qué puedes crear y qué no puede crear, ejemplos de uso.
Cómo conectar una base de datos con Figma Make
Crea prototipos funcionales que se tienen acceso a una base de datos de Supabase.
Masterclass extra: Novedades «Config 2025»
Novedades de Figma mayo 2025
Conoce las últimas funcionalidades que ha incluido Figma en mayo del 2025. Conoce cómo funcionan: Make, Buzz, Sites, Grid y Draw.
¿Quién lo imparte?
Christian Albelo
Diseñador de interacción
Diseñador UX, especializado en diseño de interacción, con más de 4 años de experiencia en diseño UX y más de 10 siendo diseñador web.
Colabora habitualmente con Gema Gutiérrez en proyectos como freelance desde el 2020.
Aprende diseño UI con Figma
Curso con lecciones grabadas teórico prácticas
249
€
Pago único (IVA incluido)
Preguntas frecuentes
Si tienes alguna pregunta escríbenos a info@escuelatribux.com