Imagen del curso gratis Diseñar proyectos usando Figma

Curso en línea gratuitoDiseñar proyectos usando Figma

Duración del curso en línea: 14 horas y 57 minutos

Nuevo

Domina Figma y crea interfaces UI/UX profesionales desde cero. Curso online gratis con práctica, colaboración en tiempo real, componentes y prototipos listos para presentar.

En este curso gratuito, aprenda sobre

  • Qué es Figma y su diferencial clave: diseño colaborativo en tiempo real desde la nube
  • Creación de cuenta, instalación y uso básico de la interfaz (zoom, frames y navegación)
  • Atajos esenciales: activar Frame y buenas prácticas al dibujar rectángulos y figuras
  • Gestión de imágenes: recortes, rellenos y tiling/mosaico dentro de formas vectoriales
  • Uso de vectores/SVG y ventajas de Figma para edición y reutilización en UI
  • Trabajo con texto: fuentes (Google Fonts/Font Awesome) y tipografía por defecto
  • Alineación, reglas y guías para consistencia visual y maquetación precisa
  • Constraints y Layout Grids para diseño responsive en diferentes tamaños de pantalla
  • Auto Layout para distribuir, espaciado constante y adaptación automática de componentes
  • Componentes y estilos locales; creación de sistemas de diseño con Team Library
  • Máscaras y operaciones booleanas (Intersection) para combinar formas y recortar
  • Colaboración: permisos, comentarios, comunidad y uso de plugins con sus riesgos
  • Inspección de código, modo Dev y control: historial de versiones y handoff a desarrollo
  • Prototipado y flujo de proyecto UI/UX: Atomic Design, wireframes y Figma Mirror

Descripción del curso

Aprende a diseñar interfaces modernas y consistentes con Figma, una de las herramientas más usadas en el mundo del diseño UI/UX. Este curso online gratuito está pensado para que avances paso a paso, incluso si empiezas desde cero, y termines con la confianza necesaria para estructurar pantallas, organizar tu trabajo y comunicar tus decisiones de diseño como lo harías en un entorno profesional.

Durante el recorrido desarrollarás habilidades prácticas para trabajar con frames, zoom, formas vectoriales, imágenes y recursos como tipografías e iconos. También aprenderás a mantener orden y precisión con reglas, guías y sistemas de alineación, fundamentales para lograr layouts limpios y coherentes. A medida que progreses, incorporarás conceptos clave de diseño responsivo con constraints, grids y auto layout para adaptar interfaces a distintos tamaños de pantalla sin perder consistencia visual.

El curso te guía para que pienses en sistemas y reutilización: construirás componentes, definirás estilos locales y entenderás cómo escalar un proyecto con bibliotecas compartidas. Además, conocerás funciones orientadas al trabajo en equipo, como permisos, comentarios, inspección para desarrollo y control de versiones, ideales para colaborar con diseñadores, product managers y perfiles de desarrollo en un flujo real.

Darás el salto de diseño estático a experiencia interactiva mediante prototipos, aprendiendo a presentar recorridos de usuario y a validar decisiones antes de implementar. También explorarás recursos del ecosistema de Figma como comunidad y plugins, para acelerar tareas repetitivas, mejorar tu productividad y mantener buenas prácticas al extender la herramienta.

El cierre está orientado a un proyecto final completo con enfoque UI/UX: pasarás por un proceso de diseño que incluye bocetado, wireframes, guía de estilos y construcción modular con una metodología tipo Atomic Design. Trabajarás el mismo producto en versiones mobile, tablet y desktop, fortaleciendo tu criterio para tomar decisiones de jerarquía visual, espaciado, tipografía y escalabilidad del sistema. Al finalizar, tendrás una base sólida para crear prototipos presentables, iniciar un portafolio y prepararte para oportunidades en diseño digital.

Contenido del curso

  • Lección en vídeo: Curso Figma: 1. Introducción - #jonmircha 17m
  • Ejercicio: ¿Qué característica principal distingue a Figma de otras herramientas como Photoshop o Adobe XD al diseñar interfaces de usuario?
  • Lección en vídeo: Curso Figma: 2. Creación de Cuenta e Instalación - #jonmircha 28m
  • Ejercicio: ¿Cuál es una característica importante de la aplicación de diseño mencionada?
  • Lección en vídeo: Curso Figma: 3. Herramientas: Frame y Zoom - #jonmircha 10m
  • Ejercicio: ¿Qué tecla es el atajo para activar la herramienta Frame en Figma?
  • Lección en vídeo: Curso Figma: 4. Figuras Vectoriales: Rectángulo, Elipses, Líneas, etc - #jonmircha 16m
  • Ejercicio: ¿Cuál es un consejo importante al usar la herramienta de rectángulo en software de diseño?
  • Lección en vídeo: Curso Figma: 5. Mapas de Bits ( Imágenes ) - #jonmircha 11m
  • Ejercicio: ¿Qué efecto de visualización se puede aplicar a una imagen dentro de un elemento vectorial en Figma para repetirla en un patrón de mosaico?
  • Lección en vídeo: Curso Figma: 6. Vectores ( SVGs ) - #jonmircha 18m
  • Ejercicio: ¿Qué característica destacada de Figma se mencionó en el video?
  • Lección en vídeo: Curso Figma: 7. Textos ( GoogleFonts y FontAwesome ) - #jonmircha 18m
  • Ejercicio: ¿Qué tipografía es la utilizada por defecto en Figma?
  • Lección en vídeo: Curso Figma: 8. Reglas y Guías - #jonmircha 11m
  • Ejercicio: ¿Para qué sirven las guías y reglas en el diseño de interfaces según el video?
  • Lección en vídeo: Curso Figma: 9. Alineaciones - #jonmircha 12m
  • Ejercicio: ¿Cuál de las siguientes afirmaciones sobre la alineación de elementos en Figma es correcta?
  • Lección en vídeo: Curso Figma: 10. Constraints - #jonmircha 17m
  • Ejercicio: ¿Cuál es la función principal de las restricciones (constraints) en Figma según el video?
  • Lección en vídeo: Curso Figma: 11. Grids - #jonmircha 15m
  • Ejercicio: ¿Qué permite la funcionalidad de 'Layout Grid' en Figma?
  • Lección en vídeo: Curso Figma: 12. Auto Layout - #jonmircha 14m
  • Ejercicio: ¿Cuál es la función principal de la característica 'auto layout' en diseño de interfaces?
  • Lección en vídeo: Curso Figma: 13. Componentes - #jonmircha 19m
  • Ejercicio: ¿Qué son los componentes en Figma?
  • Lección en vídeo: Curso Figma: 14. Máscaras y Operaciones Booleans - #jonmircha 10m
  • Ejercicio: ¿Cuál es la operación booleana que muestra únicamente el área donde dos figuras se superponen?
  • Lección en vídeo: Curso Figma: 15. Efectos, Modos de Fusión y Exportación - #jonmircha 20m
  • Ejercicio: ¿Qué es Figma?
  • Lección en vídeo: Curso Figma: 16. Estilos Locales - #jonmircha 31m
  • Ejercicio: ¿Qué herramienta en Figma permite capturar y exportar áreas específicas de un diseño?
  • Lección en vídeo: Curso Figma: 17. Sistemas de Diseño ( Team Library ) - #jonmircha 20m
  • Ejercicio: ¿Qué acción NO es parte del proceso de compartir estilos en Figma dentro de un equipo?
  • Lección en vídeo: Curso Figma: 18. Colaborando ( Permisos y Comentarios ) - #jonmircha 18m
  • Ejercicio: ¿Cuál es una ventaja clave de usar la aplicación de diseño mencionada en el video?
  • Lección en vídeo: Curso Figma: 19. Comunidad - #jonmircha 14m
  • Ejercicio: ¿Cuál es el propósito de la sección 'Community' en Figma?
  • Lección en vídeo: Curso Figma: 20. Plugins - #jonmircha 22m
  • Ejercicio: ¿Cuál es una posible desventaja de usar múltiples plugins en un software?
  • Lección en vídeo: Curso Figma: 21. Inspección de Código e Historial de Versiones - #jonmircha 20m
  • Ejercicio: ¿Cuál es el propósito principal del historial de versiones en Figma?
  • Lección en vídeo: Curso Figma: 22. Prototipos - #jonmircha 22m
  • Lección en vídeo: Curso Figma: 23. Figma Mirror, Blog y Canal de YouTube - #jonmircha 11m
  • Ejercicio: ¿Qué aplicación permite visualizar los prototipos creados en Figma en dispositivos móviles físicos?
  • Lección en vídeo: Curso Figma: 24. Proyecto Final: Proceso Creativo UI - UX - #jonmircha 23m
  • Lección en vídeo: Curso Figma: 25. Proyecto Final: Atomic Design - #jonmircha 20m
  • Ejercicio: ¿Qué nivel en la metodología Atomic Design representa la estructura completa de una página con contenido real o simulado?
  • Lección en vídeo: Curso Figma: 26. Proyecto Final: Sketch (Boceto) - #jonmircha 26m
  • Lección en vídeo: Curso Figma: 27. Proyecto Final: Wireframes - #jonmircha 50m
  • Ejercicio: ¿Qué herramienta de Figma permite alinear y distribuir elementos automáticamente, manteniendo una constante distancia entre ellos?
  • Lección en vídeo: Curso Figma: 28. Proyecto Final: Guía de Estilos - #jonmircha 37m
  • Lección en vídeo: Curso Figma: 29. Proyecto Final: Componentes - #jonmircha 43m
  • Ejercicio: ¿Qué técnica de Figma mencionada en el texto permite cambiar la orientación de un diseño de vertical a horizontal, facilitando la adaptación de elementos de diseño para diferentes tamaños de pantalla?
  • Lección en vídeo: Curso Figma: 30. Proyecto Final: Layout Mobile - #jonmircha 1h01m
  • Lección en vídeo: Curso Figma: 31. Proyecto Final: Layout Tablet - #jonmircha 46m
  • Ejercicio: ¿Qué proporción de altura se utilizó para escalar los títulos de sección en la versión tablet del diseño en Figma?
  • Lección en vídeo: Curso Figma: 32. Proyecto Final: Layout Desktop - #jonmircha 48m
  • Lección en vídeo: Curso Figma: 33. Proyecto Final: Prototipos - #jonmircha 47m
  • Ejercicio: ¿Qué característica NO es posible simular directamente dentro de Figma en el diseño de un prototipo interactivo?
  • Lección en vídeo: Curso Figma: 34. Nuevas Características Plan Free y Multicuentas de Usuario - #jonmircha 18m
  • Lección en vídeo: Curso Figma: 35. FigJam - #jonmircha 26m
  • Ejercicio: ¿Qué nueva característica de Figma permite la colaboración creativa en tiempo real similar a aplicaciones como Miro o Mural?
  • Lección en vídeo: Curso Figma: 36. Activa el Educational Plan - #jonmircha 17m
  • Lección en vídeo: Curso Figma: 37. El modo DEV - jonmircha 23m
  • Ejercicio: ¿Qué porcentaje de los usuarios de Figma son personas dedicadas al desarrollo, según datos mencionados en el evento anual Config de Figma?

Este curso gratuito incluye:

14 horas y 57 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.