Aprende diseño de interfaz (UI) con Figma
Curso UX/UI. Aprende a utilizar Figma con este curso práctico. Diseña una app y crea un prototipo navegable y animado.
Lo que serás capaz de hacer
Con este curso práctico, aprenderás a manejar Figma desde 0 hasta un nivel profesional. Figma es una de las herramientas más utilizadas para diseño de interfaz. Es similar a Sketch y Adobe XD, pero más potente en cuanto se refiere a diseño colaborativo y responsive. Además, es gratuita y se utiliza online, sin tener que instalar ningún software en tu ordenador. En las primeras dos secciones te explicaré las herramientas básicas y avanzadas de Figma, para que ganes solturas antes de empezar con la parte práctica del curso. Como proyecto práctico, vamos a diseñar una app musical. Te guiaré paso a paso en el diseño de una interfaz móvil, para que aprendas como organizar tu fichero de trabajo, como presentar tus diseños y como trabajar de forma profesional con Figma. Aprenderás como crear un pequeño sistema de diseño y como construir un prototipo navegable y animado, que podrás ver también en tu móvil. Y una vez acabada nuestra interfaz, crearemos de forma rápida una segunda interfaz, reutilizando todos los elementos creados y adaptándolos a una temática y un estilo completamente diferentes, para que veas la versatilidad que ofrece trabajar con Figma. Si quieres acercarte al mundo del diseño de interfaz, o eres un diseñador experimentado con ganas de aprender a utilizar Figma, ¡te espero en la primera clase de este curso práctico!
- Diseño de interfaz de usuario aplicado a una app móvil.
- Sabrás crear un prototipo navegable y animado.
- Sabrás utilizar Figma de forma profesional, creando componentes y un sistema de diseño.
- Construirás dos diseños de app y un prototipo navegable para incluirlos en tu portfolio personal.
Temario
UNIDAD 1 - Introducción · 1 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Qué es el diseño de interfaz (UI)
UNIDAD 2 - Herramientas básicas de Figma · 9 leccionesUNIDAD 2 - Herramientas básicas de Figma
UNIDAD 2 - Herramientas básicas de Figma
- Empezar a utilizar Figma
- El espacio de trabajo
- Los frames
- Las formas en Figma: el rectángulo
- Las formas en Figma: ellipsis, polígono, estrella, línea y flecha
- Cómo personalizar las formas
- Cómo insertar y utilizar las imágenes
- Los textos en Figma
- Comentarios y atajos
UNIDAD 3 - Herramientas avanzadas de Figma · 14 leccionesUNIDAD 3 - Herramientas avanzadas de Figma
UNIDAD 3 - Herramientas avanzadas de Figma
- Los grids
- Los estilos en Figma: estilos de grids
- Los estilos en Figma: estilos de colores
- Los estilos en Figma: estilos de texto
- Los estilos en Figma: estilos de efectos
- Las restricciones
- Auto-layout - parte 1
- Auto-layout - parte 2
- Auto-layout - parte 3
- Auto-layouts anidados
- Componentes e instancias
- Componentes anidados
- Cómo crear un navbar con componentes
- Cómo utilizar los plugins en Figma
UNIDAD 4 - Videos adicionales para herramientas avanzadas · 2 leccionesUNIDAD 4 - Videos adicionales para herramientas avanzadas
UNIDAD 4 - Videos adicionales para herramientas avanzadas
- Variantes
- Anclas con scroll animado
UNIDAD 5 - Proyecto práctico: diseño de portada de MusicApp · 14 leccionesUNIDAD 5 - Proyecto práctico: diseño de portada de MusicApp
UNIDAD 5 - Proyecto práctico: diseño de portada de MusicApp
- Introducción al proyecto de MusicApp
- Cabecera y buscador
- Card de álbum
- Lista de álbumes
- Lista de canciones
- Listado de amigos
- Banner de suscripción
- Playlists(I)
- Playlists(II)
- Artistas destacados
- Navbar
- Ver la portada como un prototipo
- Versión oscura de la portada
- Organizar los componentes
UNIDAD 6 - Proyecto práctico: diseño de página de playlists · 5 leccionesUNIDAD 6 - Proyecto práctico: diseño de página de playlists
UNIDAD 6 - Proyecto práctico: diseño de página de playlists
- Introducción al diseño de Playlists
- Listado "Mis playlists"
- Listado de playlists favoritas
- Listado "Mis artistas favoritos"
- Diseño de la notificación
UNIDAD 7 - Proyecto práctico: crear las primeras interacciones entre pantallas · 2 leccionesUNIDAD 7 - Proyecto práctico: crear las primeras interacciones entre pantallas
UNIDAD 7 - Proyecto práctico: crear las primeras interacciones entre pantallas
- Navegar entre la pantalla de portada y de playlists
- Cerrar la notificación en el prototipo navegable
UNIDAD 8 - Proyecto práctico: diseño de página de álbum · 3 leccionesUNIDAD 8 - Proyecto práctico: diseño de página de álbum
UNIDAD 8 - Proyecto práctico: diseño de página de álbum
- Introducción al diseño de Álbum
- Cabecera del álbum
- Listado de canciones
UNIDAD 9 - Proyecto práctico: interacciones más complejas · 3 leccionesUNIDAD 9 - Proyecto práctico: interacciones más complejas
UNIDAD 9 - Proyecto práctico: interacciones más complejas
- Navegar entre la portada y la página de álbum
- Animación avanzada de álbum favorito
- Conclusión del primer proyecto
UNIDAD 10 - Crear una segunda interfaz: Fuuud · 9 leccionesUNIDAD 10 - Crear una segunda interfaz: Fuuud
UNIDAD 10 - Crear una segunda interfaz: Fuuud
- Introducción al proyecto Fuuud
- Cabecera y apertura
- Listado de tipos de cocinas
- Listado de recetas
- Canales de cocinas
- Banner
- Listado de menus
- Listado de Chefs
- Ver el diseño en modalidad presentación
UNIDAD 11 - Asignación de ejercicio final y despedida · 2 leccionesUNIDAD 11 - Asignación de ejercicio final y despedida
UNIDAD 11 - Asignación de ejercicio final y despedida
- Práctica final y despedida
- Clase extra
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Evolvo - Cristina Venanzetti.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 11 unidades · 64 lecciones · 55 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Evolvo - Cristina Venanzetti; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
