Imagen del curso gratis Cómo diseñar una app en Figma

Curso en línea gratuitoCómo diseñar una app en Figma

Duración del curso en línea: 4 horas y 47 minutos

Nuevo

Diseña tu primera app en Figma y mejora tu perfil UX/UI con un curso online gratis: crea prototipos, componentes y Auto Layout para interfaces modernas.

En este curso gratuito, aprenda sobre

  • Ventajas de Figma: colaboración en tiempo real, trabajo en la nube y multiplataforma
  • Comprender la interfaz de Figma: paneles, herramientas, frames, layers y propiedades
  • Crear una primera app: frames, grids, organización de pantallas y estructura de UI
  • Buenas prácticas de tamaños en mobile UI (p. ej., header) y consistencia visual
  • Trabajar con textos: estilos tipográficos, jerarquías, alineación y espaciado
  • Auto Layout: crear layouts responsivos, padding, spacing, alineación y distribución
  • Ajustar espaciados correctamente con Auto Layout vs. ajustes manuales entre capas
  • Crear componentes maestros para reutilización, consistencia y actualización global
  • Usar variantes para estados de componentes (default/hover/pressed) y escalabilidad
  • Prototipado en Figma: conexiones, flows, navegación y objetivos del modo Prototype
  • Diseñar botones con Auto Layout: padding adaptable, iconos, texto y consistencia
  • Configurar scrolling en prototipos: áreas scrollables y comportamiento de contenido
  • Instalar y usar plugins: automatización, recursos UI, productividad e integración
  • Animaciones/transiciones: smart animate, constraints y nombres consistentes para fluidez

Descripción del curso

Aprende a diseñar una aplicación móvil desde cero con Figma y da un salto real en tus habilidades de UX/UI. Este curso online gratis está pensado para que pases de entender la herramienta a construir pantallas coherentes, reutilizables y listas para validar ideas, sin necesidad de experiencia previa en diseño digital.

A lo largo del aprendizaje, te familiarizarás con el entorno de trabajo y con la forma en que Figma organiza proyectos, frames y recursos visuales. Ganarás soltura creando interfaces con textos y jerarquías tipográficas claras, cuidando la composición y el espaciado para lograr diseños más limpios y consistentes en cualquier pantalla.

También aprenderás a trabajar con Auto Layout para estructurar diseños flexibles, especialmente útil en secciones repetibles, tarjetas, listas y botones que deben adaptarse cuando cambian contenidos o tamaños. Este enfoque te ayudará a diseñar de manera más profesional, evitando ajustes manuales constantes y facilitando la iteración rápida, una habilidad muy valorada en equipos de producto.

Otra parte clave del curso es la creación de componentes y variantes, una forma práctica de construir un sistema reutilizable de UI: botones, estados, elementos repetidos y diferentes versiones de un mismo componente. Con esto podrás mantener coherencia visual, ahorrar tiempo al escalar pantallas y reducir errores al actualizar un diseño.

Además, explorarás el prototipado para convertir pantallas estáticas en una experiencia interactiva. Aprenderás a enlazar flujos, simular navegación, definir transiciones y plantear comportamientos como el scrolling, lo que te permitirá validar ideas con mayor claridad antes de desarrollar. El curso también te introduce al uso de plugins para acelerar tareas habituales y optimizar tu flujo de trabajo.

Si buscas iniciarte en Diseño y Arte con foco en Experiencia de Usuario, mejorar tu portafolio o prepararte para oportunidades en producto digital, aquí encontrarás un camino estructurado para practicar y crear una app con mentalidad profesional. Al final, tendrás mayor confianza para diseñar interfaces, organizar archivos de forma eficiente y presentar prototipos que comuniquen tu solución con claridad.

Contenido del curso

  • Lección en vídeo: Figma Tutorial - Curso de introduccio?n 03m
  • Ejercicio: ¿Cuál de las siguientes afirmaciones resume mejor una de las ventajas principales de utilizar Figma para el diseño de interfaces?
  • Lección en vídeo: Figma Tutorial - Comprendiendo la interfaz 06m
  • Ejercicio: ¿Cuál de las siguientes afirmaciones sobre Figma es correcta?
  • Lección en vídeo: Figma Tutorial - ¿Cómo crear tu primera aplicación? 07m
  • Ejercicio: ¿Cuál es el tamaño estándar de un header en una aplicación móvil según las mejores prácticas de diseño en Figma?
  • Lección en vídeo: Figma Tutorial - Trabajando con textos 05m
  • Ejercicio: ¿Cuál de las siguientes opciones NO es una manera de modificar la separación entre elementos en Figma?
  • Lección en vídeo: Figma Tutorial - Trabajando con Auto Layout 03m
  • Ejercicio: ¿Cuál es el método correcto para ajustar el espaciado entre elementos seleccionados en Figma usando el auto layout?
  • Lección en vídeo: Figma Tutorial - Creación de Componentes 03m
  • Ejercicio: ¿Para qué sirve convertir un elemento en un componente maestro en Figma?
  • Lección en vídeo: Figma Tutorial - Creación de Prototipos 07m
  • Ejercicio: ¿Cuál es el propósito del apartado de prototipos en Figma?
  • Lección en vídeo: Figma Tutorial - Creación de Botones 11m
  • Ejercicio: ¿Cuál de las siguientes afirmaciones describe mejor la utilidad de la propiedad 'Auto Layout' en Figma para el diseño de botones?
  • Lección en vídeo: Figma Tutorial - Creación de scrolling 26m
  • Ejercicio: ¿Cuál es el propósito al configurar un scroll en los prototipos dentro de Figma?
  • Lección en vídeo: Figma Tutorial - ¿Cómo instalar plugins? 11m
  • Ejercicio: ¿Para qué sirven los plugins en Figma?
  • Lección en vídeo: Figma Tutorial - Cómo diseñar una app móvil 1h00m
  • Ejercicio: ¿Qué tamaño de frame se utiliza para diseñar una app en Figma que se muestre correctamente en la resolución más pequeña de un dispositivo Android?
  • Lección en vídeo: Figma Tutorial - Cómo crear un prototipo interactivo 15m
  • Ejercicio: ¿Qué es esencial para iniciar el prototipado de una aplicación móvil en Figma?
  • Lección en vídeo: Figma Tutorial - Cómo crear y utilizar las variantes 16m
  • Ejercicio: ¿Cuál es el propósito principal de usar variantes en Figma al diseñar componentes?
  • Lección en vídeo: Figma Tutorial - Diseñando un Netflix en Figma 1h06m
  • Ejercicio: ¿Cuál de las siguientes afirmaciones sobre el diseño de prototipos en Figma es correcta?
  • Lección en vídeo: Figma Tutorial - Nuevo Auto Layout 27m
  • Ejercicio: ¿Cuál es la función principal del Auto Layout en Figma?
  • Lección en vídeo: Figma Tutorial - Animaciones en Figma 14m
  • Ejercicio: ¿Qué se debe tener en cuenta para asegurar que las transiciones y las animaciones en un prototipo de Figma funcionen de manera fluida y sin errores?

Este curso gratuito incluye:

4 horas y 47 minutos de curso de vídeo online

Certificado digital de finalización del curso (Gratis)

Ejercicios para entrenar tus conocimientos

100% gratis, desde el contenido hasta el certificado

¿Listo para empezar?Descarga la app y empieza hoy mismo.

Instale la aplicación

ahora para acceder al curso
Icono que representa cursos de tecnología y negocios

Más de 5000 cursos gratuitos

¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis

Icono de calendario con una diana que representa la planificación de estudios

Plan de estudios con IA

La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas

Icono profesional que representa carrera y negocios

De cero al éxito profesional

Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños

También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Código QR - Descargar Cursa - Cursos Online

Más cursos gratuitos en UX / UI - Experiencia de usuario

¡Libro electrónico y audiolibros gratis! ¡Aprende escuchando o leyendo!

¡Descarga la App ahora para tener acceso a + 5000 cursos, ejercicios, certificados y mucho contenido gratis sin pagar nada!

  • Cursos online 100% gratuitos de principio a fin

    Miles de cursos online en vídeo, ebooks y audiolibros.

  • Más de 60 mil ejercicios gratuitos

    Para poner a prueba tus conocimientos durante los cursos en línea

  • Certificado Digital gratuito válido con Código QR

    Generado directamente desde la galería de fotos de tu celular y enviado a tu correo electrónico

Aplicación Cursa en la pantalla del libro electrónico, la pantalla del curso en video y la pantalla de ejercicios del curso, además del certificado de finalización del curso.