Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Figma. Diseño de UI/UX Apps y Web. De principiante a Experto

Name: Figma. Diseño de UI/UX Apps y Web. De principiante a Experto
Rating: 3.6 (49 reviews)

Aprende a diseñar y desarrollar prototipos digitales web y app con Figma desde cero.

Created byÁlvaro García, Formación Certificada, Cursos Online Arquitectura

Last updated 6/2026

Spanish

What you'll learn

Configurar proyectos en Figma: frames, grids, estilos de texto/color y variables.
Diseñar interfaces responsivas con Auto Layout, constraints y layout grids.
Crear componentes, variantes y librerías para sistemas de diseño escalables.
Prototipar flujos con interacciones, Smart Animate y estados; validar rápido.
Aplicar UX: jerarquía visual, accesibilidad, heurísticas y microcopy eficaz.
Colaborar en tiempo real: comentarios, versionado, Dev Mode y handoff con specs.
Construir design tokens y documentar patrones reutilizables para equipos.
Organizar assets (SVG/PNG), iconos y plugins que aceleran la producción.
Preparar entregables: prototipos compartibles, presentaciones y portafolio.
Medir y mejorar: tests con usuarios, métricas y checklist de calidad UI.

Course content

4 sections • 62 lectures • 4h 29m total length

Figma. Diseño de UI/UX Apps y Web. De principiante a Experto2:12
Introducción y Presentación del Curso Figma2:34
En esta primera clase realizaremos una presentación detallada del curso, para que conozcas como se estructura y se organiza toda la formación.
Uso de la Plataforma Udemy. Consejos para sacar el máximo partido a la web.22:45
Udemy es una plataforma de cursos online donde puedes encontrar formación audiovisual sobre diversas temáticas. En esta clase te explico como usar y sacar el máximo partido a esta plataforma de formación online.
El funcionamiento es muy sencillo. Sólo tienes que acceder a la plataforma y buscar el curso que necesitas, normalmente hacen grandes campañas rebajando los precios de los cursos e incluso puedes encontrar cursos gratis.
Una vez hayas adquirido un curso, podrás acceder a su plataforma de eLearning donde podrás consumir el contenido, generalmente, en vídeo.
Cuando compras un curso, tienes acceso de por vida, puedes volver a él en cualquier momento para recordar aquella habilidad que quieras repasar.
Los cursos de Udemy ofrecen certificados de finalización que podrás descargar tras acabar el curso. Esto es muy útil para tu currículum cuando quieres demostrar que has aprendido una habilidad concreta.
La mayoría de los cursos ofrecen un vídeo con "vista previa habilitada" de cómo es la clase por dentro. Puedes echarle un vistazo para ver si es lo que buscas, el estilo de enseñanza del instructor o el material.
Las opiniones y valoración del curso también sirve como referente a la hora de comprar un curso en esta plataforma. Encontrarás una puntuación como esta y comentarios de los estudiantes que lo han cursado.
En esta clase te cuento en detalle como acceder, configurar tu perfil, moverte por la intranet y aprovechar al máximo el contenido, foros y recursos del curso que acabas de adquirir.
¡Bienvenid@!
Consejos y Recomendaciones para Usuarios de Udemy.12:17
En esta lección aprenderás los más importante sobre el uso correcto y óptimo del portal formativo Udemy. Recuerda que si aún sigues tienes algún problema o dificultad durante la formación puedes contactar conmigo.
Estructura del Curso que vas a Comenzar.6:28
En la siguiente clase te detallo como está organizado y configurado el curso que estas comenzando. El objetivo es que aproveches al máximo la formación y saques el mayor beneficio de la misma.
Requerimientos de Hardware / Software31:16
Como muchos otros programas necesitarás de unos requisitos básicos para la correcta instalación y funcionamiento del software. Te incluimos los requisitos mínimos, aunque también los recomendados, por si quieres usar nuestras sugerencias para mejorar el rendimiento del programa. Estos requisitos son para la última versión del software.
Referentes e Influencias de gran utilidad.16:19
Conoceremos las principales referencias e influencias que me permiten trabajar de forma creativa en mi día a día como diseñador. Para diseñar se requiere seguir un proceso creativo y el primer paso es observar e investigar para conseguir un buen resultado. Cuanto más te empapes de trabajos realizados por otros, más información en tu cerebro. Incluso no te olvides de visitar a tu competencia, ¡no te cortes ni un pelo!
Observar e investigar no es copiar, al contrario es esencial y completamente necesario, ¿si no cómo te van a surgir ideas? Es vital para que comience a maquinar tu cerebro, donde comienza a nacer tu capacidad creativa para el diseño que tengas que hacer.
¿Pero dónde busco, qué tengo que encontrar y después de encontrar, qué hago? En está clase lo averiguarás.
¡Preséntate!2:18
Para ir conociéndonos todos, te invito a presentarte. Ponle cara a tu perfil y sube un par de proyectos, personales o profesionales, compártelos en el foro de esta clase y cuéntanos en qué lugar o proyecto desearías trabajar idealmente.
Recuerda que desde el apartado de "Preguntas y Respuestas" podrás presentarte al resto de alumnos de este curso y plantear todas las inquietudes que tengas.

Historia del software Figma1:44
Empresa Desarrolladora de Figma2:46
Qué es Figma2:44
Para qué sirve Figma2:22
Por qué deberías usar Figma1:28
Cuando usar Figma1:24
Que significa Figma2:29
Qué necesitas para usar Figma2:31
Cómo conseguir Figma2:31
Cómo instalar Figma2:25
Conceptos claves en el uso de Figma1:29
Las herramientas más importantes de Figma2:29
Las funciones más importantes de Figma2:34
Los usos profesionales más comunes de Figma1:53
Uso de Figma en el diseño actual Figma2:37
Alternativas a Figma2:54
Ventajas y Desventajas de Figma2:13
Consejos prácticos en el uso de Figma2:41
Trucos de usos de Figma2:09

Glosario de Términos Diseño de UI/UX Apps y Web8:03
En la siguiente lección te muestro los principales términos que debe conocer para poder interpretar con soltura toda la información referente a este ámbito profesional.
Principales Ventajas y Desventajas de Figma3:10
En esta clase trataremos en detalle las principales ventajas y desventajas en este campo.
Bibliografía Recomendada Figma. Diseño de UI/UX Apps y Web0:04
En esta clase comparto un conjunto de referencias bibliográficas cuidadosamente seleccionadas que te permitirán ampliar conocimientos sobre este materia.
Webs de Referencia3:54
En esta clase comparto algunas webs de referencia para ampliar conocimientos, conocer trucos, conectar con la comunidad y estar al día en las últimas novedades.
Manual de ayuda0:03
En esta clase te comparto un manual de ayuda en pdf que complementa la formación.
Listado de Web con Recursos para tus Proyectos y Diseños.0:22
En la siguiente lección comparto un listado de interesantes páginas webs en las cuales podrás descargar de forma gratuita todo tipo de recursos para usarlos en tus proyectos creativos.
Descarga de Imágenes y Texturas Gratis para tus Diseños y Creaciones.12:16
Te muestro una muy interesante web desde la que podrás descargar múltiples recursos totalmente gratis para tus proyectos.
Descarga de Modelos Tridimensionales (3D) Gratis para tus Proyectos Creativos4:41
En esta clase veremos en detalle como poder conseguir acceso a una gran librería de componentes 3d para usar en tus diseños y propuestas creativas.
Descarga de Recursos CAD en formato DWG para tus Proyectos4:00
Comparto una interesante web para que puedas localizar y descargar múltiples recursos CAD totalmente gratis.
Descarga Iconos, Anagramas y Logotipos totalmente Gratis para Tus Diseños5:42
En esta clase veremos en detalle como poder Descarga Iconos, Anagramas y Logotipos totalmente Gratis para tus creaciones.
Descarga Recursos Vectoriales para tus Diseños totalmente Gratis.5:48
En esta clase aprenderás y conocerás los mejores repositorios para descarga recursos vectoriales para tus diseños totalmente Gratis.
Descarga Fuentes y Tipografías totalmente Gratis para tus Diseños y Proyectos4:46
En esta clase quiero mostrarte una fantástica web donde podrás descargar totalmente gratis miles de tipografías con diversos y variados estilos, que seguro que encajan con tus diseños.
Protege tus Proyectos. Copias de Seguridad Siempre a Salvo en la Nube.6:00
En esta clase te mostramos como proteger tus documentos y disponer siempre de un acceso a los mismos desde cualquier lugar y en cualquier momento.
Descarga Imágenes Libres de Derechos para poder usar en tus Diseños5:13
En esta clase te explicaré como puedes conseguir innumerables recursos gráfico para emplear en tus proyectos y diseños.
Principales Referentes y Expertos en Figma. Diseño de UI/UX Apps y Web2:36
En esta lectura comparto una selección de referentes actuales y profesionales relevantes en este campo.
Inteligencia Artificial (IA) aplicada a proyectos con Figma4:43
En esta clase podrás conocer como sacar el máximo partido a la inteligencia artificial usándola en tus proyectos y trabajo diario.
Gravit Designer Framer Inkscape Vectornator Vectr Snappa Drawpad InVision4:17
Alternativas a Figma: Gravit Designer Framer Inkscape Vectornator Vectr Snappa Drawpad InVision
¡Comparte tus Influencias!2:41
En esta clase te propongo que compartas con la comunidad de este curso las referencias que te han influenciado, pueden ser otras disciplinas como diseño, cine, literatura, viajes, etc. Cuéntanos en el foro sobre estos temas y no olvides compartir links y/o imágenes con tus compañeros para crear un amplio repositorio de recursos que nos sirvan a todos para seguir aprendiendo e inspirándonos.
!Gracias por Compartir!
Recuerda que desde el apartado de "Preguntas y Respuestas" podrás presentarte al resto de alumnos de este curso y plantear todas las inquietudes que tengas.
Claves en la Gestión de Proyectos de Figma4:14
En esta sección abordamos los fundamentos de la gestión de proyectos, herramientas y metodologías en este sector.
Cómo continuar formándose, ampliar competencias y habilidades en Figma5:06
En esta lección trataremos las distintas posibilidades para poder progresar y avanzar en la materia vista durante toda la formación.
Resolución de las principales consultas de los alumnos del curso.6:19
En esta clase dispones de un espacio para resolver las dudas y consultas que te surjan durante el curso.
Plantea tus dudas y te ayudaré a resolverla. De esta forma todos los alumnos de esta formación podrán participar de las aportaciones mías como instructor como del resto de compañeros del curso.
Dispositivos, Tecnología y Gadgets para Diseñadores y Creativos.0:15
Comparto un listado muy interesante de diferentes dispositivos, gadget tecnológicos, complementos, útiles, etc. que os pueden facilitar enormemente vuestra labor profesional.
Tendencias Actuales y Futuras Figma3:24
En esta clase trataremos en detalle las tendencias actuales y futuras, así como la evolución hacia la que el sector tiende en este momento.
Roles y perfiles del sector. Figma. Diseño de UI/UX Apps y Web. De principiante2:59
En esta clase conocerás los principales agentes, perfiles y roles de este sector. Lo que te permitirá desenvolverte correctamente en el mismo.
Mitos vs realidades: desmontar ideas erróneas frecuentes3:32
En esta clase abordaremos en detalle los principales mitos y realidades que encontraremos habitualmente.
Errores y malas practica a evitar en Figma1:52
En esta clase te comparto un conjunto de consejos para evitar errores y malas prácticas en este campo.
Colección de Recursos Útiles para usuarios de Figma4:03
En esta clase he recopilado una amplia lista de web con recursos muy útiles en tu día a día con el programa. En el listado encontrarás bancos de librerías, recursos, componentes, extensiones... tanto gratuitos como de pago, que sin duda te facilitarán tu trabajo.
Dispositivos, Tecnología y Gadgets para Diseñadores Creativos.0:15
Comparto un listado muy interesante de diferentes dispositivos, gadget tecnológicos, complementos, útiles, etc. que os pueden facilitar enormemente vuestra labor profesional.
FAQ del curso: respuestas a dudas recurrentes.6:21
En esta lección resovemos las dudas más frecuentes de los estudiantes del curso. Seguro que te sirven de gran ayuda.
Programa de Afiliación de Udemy. Colabora, Comparte y Benefíciate.1:15

Finalización de la formación Figma
Certificado de Finalización del Curso Figma2:20
¡Enhorabuena, finalizaste con éxito la formación!
En esta última clase podrás solicitar tu certificado de finalización del curso, que te será de gran ayuda para complementar tu curriculum vitae.
Recomendaciones para conseguir encargos y trabajos relacionados con Figma3:23
En esta clase comparto algunas pautas, recomendaciones y consejos para que te resulte más sencillo poder conseguir nuevas colaboraciones, encargos y trabajos relacionados la especialidad tratada durante el curso.
Habilidades que se demandan a un experto en Figma. Diseño de UI/UX Apps y Web.3:48
En esta lectura trataremos en detalle las habilidades y competencias más valiosas que se solicitan actualmente para ejercer en el campo laboral tratado en el curso.
Salidas Profesionales para expertos en Figma0:46
En esta lección enumeramos las diferentes salidas profesionales y oportunidad laborales que tienes disponibles actualmente.
Clase Extra.2:11

Requirements

Para la realización de este curso no ser requieren grandes conocimientos previos, ya que la formación se acomete desde un nivel de usuario 0.
Durante el curso (Figma) trabajaremos con la última versión del programa, pero no te preocupes si tienes una versión anterior, ya que las distintas versiones difieren muy poco entre sí. Si existe algún cambio importante entre las distintas versiones hablaremos de ello durante la formación.
Para la realización de este curso no vas a necesitar el equipo informático más potente del mercado, ya que el software empleado en la formación se encuentra perfectamente optimizado y su uso es muy fluido en todo tipo de equipos, tanto en PC como en Mac.
Cuando compres el curso vas a poder acceder a las clases cuando y donde quieras. El curso se queda en tu cuenta de Udemy para siempre. :)
El más importante requisito para realizar este curso es el entusiasmo y la motivación por aprender nuevas habilidades que aumenten tus competencias profesionales.

Description

Figma. Diseño de UI/UX Apps y Web. De principiante a Experto

Aprende a diseñar y desarrollar prototipos digitales web y app con Figma desde cero.

Instructor: Arquitecto Álvaro García Actualizado: Julio del 2026 Requisitos previos: Ninguno

Descripción del Curso:

Domina el diseño digital con Figma, la herramienta líder en UI/UX que está revolucionando la manera en que se crean aplicaciones y sitios web. Este curso te llevará de principiante a experto, enseñándote a diseñar interfaces intuitivas, prototipos funcionales y flujos de usuario profesionales que podrás aplicar en proyectos reales desde el primer día.

Al inscribirte, descubrirás cómo optimizar tu creatividad y productividad en el diseño digital con un software colaborativo, potente y accesible. Aprenderás a desarrollar prototipos interactivos, compartirlos con clientes o equipos y validar ideas de forma ágil. Una formación pensada para que avances paso a paso y consigas resultados visibles, logrando diferenciarte en un mercado altamente competitivo.

Con esta formación sobre Figma podrás aprender esta herramienta de diseño vectorial y prototipado avanzado, de forma totalmente gratuita y desde tu explorador web, apps o aplicación de escritorio para Windows o MacOs. Podrás conocer todas y cada una de las utilidades que brinda Figma para el diseño, creación y prototipado de interfaz teóricas y prácticas.

Descubrirás Figma desde un nivel 0, posiblemente la herramienta de diseño más versátil en la actualidad, debido en parte a su gran comunidad open source. En un único lugar podrás planificar, diseñar, prototipar y albergar feedback para un trabajo colaborativo optimizado en el diseño UI, de aplicaciones y webs. Conseguirás aumentar tu eficacia y rapidez en el diseño de wireframes, interfaz, pantallas, prototipos animados y realistas, que te permitirán poder crear, testear y presentar todo tipo de productos y servicios digitales como webs, apps, softwares, etc.

Este curso está dirigido a aquellos creativos, estudiantes, profesionales del UX o product designer, diseñadores gráficos, product owner, marketer, desarrollador front o cualquier perfil que quiera mejorar y actualizar sus habilidades en diseño UX/UI, diseño de interacción y aprender a manejar con solvencia Figma.

Itinerario Formativo:

Introducción a la plataforma de formación Udemy
Bienvenida al Curso de Figma. Diseño de UI/UX Apps y Web. De principiante a Experto.
Aprendiendo Figma desde 0
Figma Avanzado
Recursos para el Alumno del curso "Figma. Diseño de UI/UX Apps y Web. De principiante a Experto"
Consultas, Dudas y Sugerencias de los Alumnos de la Formación
Emisión del Certificado de Finalización del Curso "Figma. Diseño de UI/UX Apps y Web. De principiante a Experto"

Objetivos del curso

Este curso tiene como propósito dotar al estudiante de los conocimientos y herramientas necesarias para dominar el diseño de interfaces digitales con Figma. Al finalizar, serás capaz de estructurar proyectos UI/UX de principio a fin, crear prototipos interactivos y trabajar de forma colaborativa en entornos profesionales. También aprenderás a gestionar sistemas de diseño, optimizar procesos creativos y aplicar metodologías de trabajo utilizadas por equipos de producto y desarrollo en todo el mundo.

Salidas profesionales

Con la formación adquirida podrás desempeñarte como diseñador UI/UX, prototipador digital, creador de interfaces para apps y sitios web, así como consultor de experiencia de usuario. Además, adquirirás habilidades valoradas en agencias creativas, startups tecnológicas, equipos de producto digital y estudios de diseño. Este curso te permitirá abrirte camino en un sector en crecimiento constante, donde la demanda de profesionales capaces de manejar Figma y aplicar buenas prácticas de diseño sigue en aumento.

Dirigido a

Este curso está pensado para estudiantes, diseñadores, arquitectos, programadores, emprendedores y creativos que deseen aprender a crear interfaces y prototipos de alta calidad sin importar su nivel de experiencia previa. También está orientado a profesionales que buscan mejorar la presentación de sus proyectos digitales y a quienes quieran incorporarse al ámbito del diseño UI/UX de manera práctica y directa.

Metodología de Aprendizaje:

Recuerda que este curso incluye lecciones en vídeo fullHD con audio de estudio (compatible con TV, PC, Mac, tablet y smartphone), artículos didácticos, actividades, animaciones, ilustraciones, proyectos paso a paso, recursos descargables, links de interés, acceso de por vida, certificado de finalización, tutorización online, y una exclusiva comunidad de aprendizaje privada que nos ayudamos aportando nuestras experiencias en el foro de comunicación del curso.

La modalidad de este curso te permite que empieces y acabes cuando tú quieras, marcando el ritmo de la clase según tu disponibilidad. Puedes volver a visualizar lo que te interese, saltar el contenido que ya domines, hacer preguntas, resolver dudas, compartir tus proyectos... Puedes elegir ver todas las lecciones de forma secuencial (lineal) y aprovecharlas al máximo la formación, pero también puedes decidir ver este curso como una guía de referencia.

Las clases están claramente organizadas en secciones y lecciones, puedes decidir visualizar solo las clases que te resulten más importantes según tus necesidades formativas. La mayoría de las lecciones son independientes para que puedas comprender los conceptos de cada lección sin tener que ver las lecciones anteriores del curso.

Para seguir el programa formativo propuesto no ser requieren conocimientos previos, ya que la formación se acomete desde un nivel de usuario 0. El curso está orientado a aquellos creativos que quieran ampliar sus skills (habilidades) y conocer múltiples trucos, consejos, recursos y recomendaciones, de la mano del instructor Álvaro García. Además la formación disponen de acceso automático al contenido, sin limitación de tiempo, disponibilidad 24/7 (24 horas al día los 7 días de la semana), sin caducidad y con garantía de devolución.

Con la alta definición de los vídeos (vídeo fullHD y audio de estudio) conseguirá no te perder detalle. Podrás ver las clases las veces que requieras para recordar y perfeccionar tus habilidades como diseñador. Tendrás la posibilidad de preguntar, pedir opinión y ayuda al instructor, además de compartir tu experiencia de aprendizaje con los demás alumnos del curso, tan apasionados como tú, repartidos por todo el mundo. Seleccionamos cuidadosamente los contenidos y producimos cada curso para garantizar una experiencia de aprendizaje online integral y de la máxima calidad.

¿A qué esperas?, este curso es ideal para ti, atrévete a convertirte en un experto y expresa tus ideas de la forma que siempre has deseado. Adelante, nos vemos dentro de la formación ;)

Who this course is for:

Diseñadores que quieran dominar UI/UX con Figma y crear prototipos digitales web y apps de nivel profesional desde cero.
Estudiantes y creativos que buscan un curso práctico para aprender diseño de interfaces y experiencia de usuario con Figma.
Profesionales del marketing, diseño o desarrollo que desean mejorar la presentación visual de sus proyectos digitales.
Freelancers y emprendedores que necesitan crear prototipos web y apps sin depender de un equipo técnico.
Arquitectos digitales y entusiastas del diseño que buscan llevar sus ideas a la realidad con Figma, UI/UX y prototipado ágil.

Figma. Diseño de UI/UX Apps y Web. De principiante a Experto

What you'll learn

Explore related topics

Course content

Introducción a Udemy y el Curso de Figma. Diseño de UI/UX Apps y Web (2025)8 lectures • 1hr 36min