Curso de Figma, Diseño web y app Online
Aprende a crear diseños web y app atractivos en Figma
En este curso aprenderás a diseñar webs en Figma, familiarizarte con la herramientas más actual para el diseño web y preparar prototipos potentes para tus clientes
★ Curso de 27 horas de formación 100% práctica con ejercicios reales.
★ Aprende a diseñar webs atractivas y preparar prototipos en Figma.
★ Crea diseños responsive y diseña web apps con la herramienta líder.
★ Trabaja con plantillas y elementos prediseñados con Figma.
★ Aprende a diseñar apps para móvil.
★ Familiarízate con los elementos en Figma y aprende a crear proyectos top.
★ Trabaja de manera más flexible y colaborativa.
★ Producción de podcasts y entrevistas de calidad.
★ Conoce de primera mano funcionalidades con plugins y widgets en Figma.
★ Fórmate en metodologías ágiles.
★ Crea frames y aprende a distribuir elementos en él.
★ Aprende a empaquetar el proyecto.
★ Crea interacciones y prototipos animados.
¿Quieres aprender diseño web y app online con Figma?
descuento
de sept
27h en directo Online
Tutorías con expertos
Prácticas remuneradas
Horario de mañana o tarde
Área Privada con clases grabadas y videotutoriales
Precio sin descuento 725€
Precio con descuento 580€
3 de jun a 1 de jul – 25
COMPLETO
QUIERO + INFO YA
El Curso de Diseño web y app en Figma es 100% práctico
La Escuela
6 aulas en el
centro de Madrid
Nuevos Ministerios
Cómo es el curso de Diseño web y app en Figma
9 clases de formación 100% práctica en la que aprenderás todo sobre la metodología de trabajo con la herramienta de diseño web app más demandada del sector, controla tus proyectos de principio a fin y crea nuevos flujos de trabajo, más potentes y más ágiles. Presenta tus proyectos de manera más profesional y más dinámica.
CLASES
100% PRÁCTICAS EN DIRECTO ONLINE
27 horas de clases prácticas de Diseño y Prototipado en Figma (9 clases de 3 horas)
Realiza ejercicios prácticos y aplicables sobre tu propio proyecto
Crea tu propio prototipo App o web al finalizar el curso
APRENDE NUEVOS FLUJOS DE TRABAJO
Trabaja de manera más flexible y fluida
Mejora tus procesos de trabajo
Agiliza tus proyectos y preséntalos de manera más tractiva
Diseña proyectos para cualquier sector
APRENDE HACIENDO Y PRACTICANDO CADA DÍA
Aprende a utilizar la herramienta trabajado con ella
Familiarízate con la herramienta más demandada del sector
Crea proyectos de manera ágil
Cambia la manera de presentar tus proyectos a tus clientes
RECURSOS Y HERRAMIENTAS GRATUITOS DE POR VIDA
Conoce al 100% la potencia de Figma
Trabaja con plantillas, componentes, elementos y sistemas prediseñados
Utiliza plugins y widgets en tus proyectos
Conoce la comunidad y los proyectos colaborativos
Temario del Curso de Diseño web y appFigma
9 sesiones de formación práctica que te enseñarán a dominar la metodología de trabajo con la herramienta de diseño más solicitada en la industria. Controla cada etapa de tus proyectos, optimiza tus flujos de trabajo y alcanza un nivel de agilidad superior. Presenta tus ideas de forma más profesional y atractiva, elevando el impacto de tus propuestas.
CLASE 1
¿QUÉ ES FIGMA? INTRODUCCIÓN A LA HERRAMIENTA
1 CLASE DE 3 HORAS
FER SERRAPor que Figma es la herramienta más demandada en el mundo de diseño de productos digitales, Introdúcete de lleno en el mundo del diseño de producto digital
CLAVES
- Instalación de figma app en escritorio y en la nube
- Flujos y metodología de trabajo en Figma. Design Thinking
- Trabajo cooperativo en tiempo real
- Organización de proyectos – Design Systems
- Fundamentos del Diseño Web, UI y UX
- Ejemplos de proyectos.
- Viabilidad del proyecto, acogida / Encuestas y entrevistas / Testeo y aceptación de los productos por parte de los usuarios
EJERCICIOS
Instalación de la app, creación de cuenta de usuario, Figma Community, Plantillas, sistemas, elementos, componentes, plugins y widgets
CLASE 2
¿CÓMO ES
LA INTERFAZ
DE FIGMA?
1 CLASE DE 3 HORAS
FER SERRA | ÁLVARO BUENOAprende cómo es la interface de Figma, Paneles, herramientas, toolbar, assets, inspectores, presentaciones, canvas, atajos de teclado, frames, capas, Figma help…
CLAVES
- Toolbar, capas, frames, buscador, comandos. pages, GRIDS, inspectores, paneles…
- Frames y Formatos responsivos (web-móvil-tablet)
- Grids y layouts
- Formato de frames, visualización de presentación
- Proyectos colaborativos
- Compartir proyecto con otros usuarios, permisos, sistema de notas y comentarios
- Introducción al Prototipado
EJERCICIOS
Crear varios frames para los diferentes formatos de pantalla, tanto desktop como mobile y tablet
Introducir un grid adecuado para cada frame en base a su estructura 4-6-12 columnas…
CLASE 3
CREACIÓN
Y DISEÑO
DE ELEMENTOS
1 CLASE DE 3 HORAS
FER SERRA | JURGEN B.Diseña en Figma, crea y transforma formas, vectores, textos, imágenes, efectos, tipografías, elementos de diseño, grupos y aprende a crear estilos
CLAVES
- Qué elementos podemos trabajar en Figma
- Vectores, formas, trazos,
- Textos, maquetación, formatos, tipografíasy estilos
- Sistema de colores y estilos
- Efectos de capa
- Uso de GIFs
- Videos en Figma
- Efectos, sombras retoques y diseño
- Creación de grupos y organización de elementos
EJERCICIOS
Creación de formas, cuadrado, triángulo, círculos, crear estilos
Creación de de sistemas de color, teoría del color, pregnancia y creación de estilos
Maquetación de bloques de texto, encabezados y jerarquias, creación de estilos
CLASE 4
AUTOLAYOUT
ADAPTACIÓN DEL CONTENIDO
1 CLASE DE 3 HORAS
FER SERRA | JURGEN BARRIONUEVOCreación de frames con elementos de diseño y haz que se adapten al contenido, crea diseños líquidos, diseño web responsive, y diseña apps móviles
CLAVES
- Creación de elementos, organización y distribución
- Diseña con texto, imagen, vectores, formas y distribuye mediante Autolayout
- Creación de elementos visuales con frames cómo cards, navs, tabs, botones, menús…
EJERCICIOS
Creación de cards, con imagen, icono y texto con Autolayout
Creación de un menú, con iconos y texto con Autolayout
Creación de una tab bar móvil con Autolayout
CLASE 5
COMPONENTES
Y SISTEMAS
DE DISEÑO
1 CLASE DE 3 HORAS
FER SERRA | JURGEN BARRIONUEVOAprende a crear componentes, instancias, variants y a crear tu propio sistema de Diseño cómo los que se usan en los diseños
de proyectos reales
CLAVES
- Creación de componentes e instancias
- Variants, checkboxes, y elementos conjuntos
- Creación de sistemas de diseño (Design systems)
- Gestión de bibliotecas de iconos
- Organización de elementos para proyecto final
- Componentes para Responsive
EJERCICIOS
Crea tu propio sistema de diseño para tu proyecto final
CLASE 6
WIREFRAMING, SKETCHING Y PLANIFICACIÓN
1 CLASE DE 3 HORAS
ERNESTO G. BUSTAMANTE | FER SERRAPlanifica tu proyecto, Arquitectura de la información, distribución de pantallas, diseño en baja, testea y toma decisiones
CLAVES
- Arquitectura de la información y creación de esqueletos
- Wireframing baja y alta
- Sketching + herramientas y recursos (FIGJAM, papel)
- Creación de conceptualización de Stylescape
- Propuesta de Diseño para proyecto (web o móvil
EJERCICIOS
Crear un Stylescape
Diseño de un On Boarding
CLASE 7
INICIACIÓN AL PROTOTIPADO EN FIGMA
1 CLASE DE 3 HORAS
ERNESTO BUSTAMANTE | JURGEN B.Aprende a validar tus diseños con tus usuarios mediante el prototipado de los mismos y las interacciones entre elementos
CLAVES
- Prototipado básico, interacciones y navegación.
- Realización de user flow de 3-4 pantallas (páginas/frames)
- Introducción a animaciones en figma
- Visualización del prototipo en pantallas, Figma mirror app
- Validación del diseño mediante el testeo con usuarios
EJERCICIOS
Realiza el prototipo de las pantallas diseñadas previamente en el curso, haz un testeo de navegación por las mismas con los usuarios para que validen el producto
CLASE 8
EMPAQUETADO
DEL PROYECTO
EN FIGMA
1 CLASE DE 3 HORAS
FER SERRAAprende a paquetar el proyecto para pasarlo a la fase de desarrollo, deja el producto listo para el desarrollador.
CLAVES
- Exportación de archivos
- Formatos de archivos
- Copia de archivo local
- Introducción al DEV mode de Figma
- Estilos CSS para los desarrolladores
- Extraer css para llevarlo a cabo en su CMS (wordpress – Webflow)
EJERCICIOS
Exportar estilos css de tus diseños
CLASE 9
PRESENTACIONES DE PROYECTOS Y CONCLUSIONES
1 CLASE DE 3 HORAS
FER SERRAPresenta tu proyecto de manera profesional, justifica su puesta en marcha, los pains encontrados, la toma de decisiones y las soluciones propuestas.
CLAVES
- Presentación del proyecto
- Interacción en directo
- Presentación a cliente
- Correcciones en vivo
- Next steps
- Presupuestos y monetización
EJERCICIOS
Presenta en directo tu proyecto y realiza con un usuario un user flow, plantea una acción objetivo para el usuario y realízala en directo.
Profesores del Cursode Diseño web y app en Figma
Somos un equipo multidisciplinar y estamos especializados en distintas áreas. Vamos a acompañarte durante el curso para resolver todas tus dudas.
Fernando
Serra
Diseñador gráfico digital, especialista en diseño web WordPress, tipografía y lettering, con experiencia en dirección artística y marketing.
Ernesto G
Bustamante
Especialista SEO, Desarrollador Web, Diseñador, CRO y Creativo Digital. Licenciado en Comunicación y Dirección de Arte
Jurgen
Barrionuevo
Especialista en diseño web y dirección de arte. Amante de las tipografías Sans Serif, paleta de colores molonas y maquetación mobile first.
Álvaro
Bueno
Diseñador gráfico y web en Madrid, artefinalista, creativo, melómano, rosendiano y amante del humor absurdo. Apasionado del diseño, la publicidad y el sonido. Responsable de la parte técnica en Aula CM. No sabe tocar el bajo.
Aprende diseño web y app con figma desde cero
Aprende a diseñar productos digitales, webs y apps con la herramienta de diseño de productos digitales más demandada del sector.
Crea prototipos y diseños top, aprende nuevas metodologías de trabajo para aplicar en tus proyectos y presenta propuestas increíbles a tus clientes.
Crea diseños
increíbles en Figma
Presenta diseños y propuestas top
a tus clientes
< >
Trabaja con Plantillas, plugins y widgets
Utiliza los elementos prediseñados que puedes encontrar en la comunidad de Figma.
¡Eleva tus diseños y agiliza tus procesos de trabajo!
Trabaja en equipo en la Sala Mac
Miércoles por las tardes abrimos el aula Mac de 15:30 a 18:00h. para poder trabajar las tareas de equipo y proyectos de prototipado grupales.
Diseña tu propia web o app
Desarrolla el proyecto que tengas pensado con Figma, mejora el flujo de trabajo y complétalo de principio a fin!
«PODRÁS HACER PROYECTOS COMO ESTOS»
Reserva tu plaza en el Curso de Diseño web y app en Figma
Reserva una de las 24 plazas disponibles para formar parte de la I Edición de nuestro curso Diseño y Prototipado web y app en Figma.
Edición 4
Del 3 de junio al 1 de julio de 2025
Clases en directo: Martes y jueves de 18h a 21h
Precio del Curso de Diseño web y app en Figma
Consulta los descuentos y condiciones especiales por realizar el Máster llamándonos al 91 220 40 60 o escríbenos a info@aulacm.com
580€
Hasta el 2 de septiembre
El precio sin descuento es de 725€
Curso certificado de 27 horas
Bonificable a través de la FUNDAE
Acceso al Área Privada de por vida
Área privada de alumnos
Tienes un área exclusiva con un montón de recursos. Es para siempre y puedes acceder cuando quieras. Una vez finalizado el curso, puedes profundizar en los tutoriales, clases grabadas y todo el material del curso.
Tu área privada siempre está actualizada y tienes acceso al mismo material que estaremos dando a los alumnos actuales. Tu formación nunca estará desactualizada.
Clases grabadas
Dispones de clases presenciales grabadas para que puedas verlas y repasar los contenidos
Videotutoriales
Videotutoriales explicados paso a paso para que nunca te quedes atascado con tus campañas
Recursos gratis
Plantillas para diseñar prototipos + plugins + todo tipo de recursos gratuitos
Hacemos lo que enseñamos
Nuestros proyectos y nuestras redes sociales son una buena manera de ver cómo hacemos las cosas, en qué estrategias creemos, qué tipo de marketing enseñamos y cuáles son nuestras convicciones.
Somos un equipo de profes cada uno «freak» de lo suyo. Como mínimo podríamos ser una agencia cojonuda. Con nuestra marca y nuestros proyectos todos aprendemos, probamos, nos picamos y damos rienda suelta a la especialidad de cada uno. Nos encanta. Nos define. Nos enorgullece. Y lo hacemos en equipo:
Profesores en acción
Los profesores del Curso de Diseño y Prototipado en Figma son especialistas y comparten su conocimiento como ponentes en congresos digitales por toda España
Nuestro Equipazo
Somos un equipo multidisciplinar y estamos especializados en distintas áreas.
Nuestros profes son:
cracks
freaks
especialistas
enamorados de lo suyo
Making it happen
