Resumen del Curso
En este curso aprenderás a pasar de una idea a un prototipo funcional en tiempo récord, utilizando el enfoque de vibe coding: una metodología asistida por IA que prioriza la intención, la claridad de la idea y la velocidad de ejecución, dejando atrás los procesos tradicionales largos y complejos.
El objetivo es claro: saber crear y validar un producto mínimo viable (MVP) en muy poco tiempo, sin necesidad de un conocimiento técnico avanzado.
Información destacada
Domina la nueva forma de crear prototipos web con Inteligencia Artificial
El objetivo es que dejes de diseñar pantallas estáticas y empieces a construir productos listos para validar en el mercado.
Vibe Coding
Integraciones y MCP
ChatGPT para PRD y listado de Prompts
Herramientas complementarias
Prototipos funcionales
El objetivo del curso no es solo aprender a usar una herramienta, sino entender una nueva forma de trabajar con inteligencia artificial dentro del diseño y desarrollo de productos digitales.
Secciones y capítulos
Estructura del curso
Bienvenida e Introducción al Curso
Introducción al Vibe Coding
Introducción a Figma Make I (Starter)
Introducción a Figma Make II (Starter)
Crear cuenta de Notion
Prototipo: Librería de Iconos
Prototipo: Generador de paletas de color
ChatGPT para crear un PRD y listado de Prompts
Diferentes interfaces y UI de Shadcn
MCP y Conectores en Figma Make
Copiar Diseño para Figma Design
Crear Repositorio en GitHub
Supabase: Bases de datos en Figma Make
Prototipos
Tipos de prototipos que aprenderás a crear
Domina el Vibe Coding y aprende a crear prototipos funcionales y MVPs de alta fidelidad mediante la herramienta de Figma Make.
Implementa metodologías estructuradas con ChatGPT y Notion para transformar ideas en productos digitales escalables en tiempo récord.
Software de Medición de felicidad laboral
Diseñarás una web app enfocada en medir y visualizar el bienestar emocional en equipos remotos de forma anónima y continua. Aplicarás los principios de vibe coding para transformar métricas e insights en una herramienta funcional orientada a mejorar el compromiso y la cultura empresarial.
Generador de paletas de color Light y Dark Mode
Construirás un generador de paletas de colores avanzado con modos light y dark basado en un PRD y prompts estructurados. Aprenderás a gestionar funcionalidades en tiempo real y a realizar correcciones precisas sobre la IA para lograr un prototipo funcional de alta fidelidad.
Contenido completo del curso
¿A quién está dirigido este curso?
Diseñadores/as UX/UI
Da el salto de prototipos estáticos a productos funcionales y testeables en tiempo récord. Aprende a dirigir la IA para que tus diseños cobren vida sin depender de una fase de desarrollo externa.
Desarrolladores/as
Acelera tu flujo de trabajo de front-end utilizando la IA como copiloto visual. Genera estructuras de código limpias, gestiona bases de datos y despliega apps funcionales desde un entorno de diseño.
Product Managers
Valida hipótesis de negocio y flujos de usuario creando tus propios prototipos funcionales de alta fidelidad. Coordina equipos técnicos mediante PRDs optimizados para la era de la IA.
Freelancers
Diseña y construye aplicaciones completas y herramientas digitales para tus clientes sin necesidad de contratar a un equipo de desarrollo. Entrega productos funcionales, no solo maquetas.
Emprenedores/as
Transforma tus ideas en productos listos para el mercado. Crea landing pages avanzadas, formularios de captación de leads y MVPs funcionales para probar tu modelo de negocio rápidamente.
Instructor
Tu instructor experto en Figma
¡Hola! Soy Xavier, también conocido como Mokkapp, diseñador de productos digitales con más de 10 años de experiencia como fundador, diseñador, desarrollador y formador en UX/UI.
Me apasiona todo lo relacionado con la evolución del diseño digital. Por eso, comparto contigo los conocimientos, técnicas y herramientas que realmente pueden elevar tu forma de diseñar y potenciar tus proyectos. Mi objetivo es enseñarte, inspirarte y acompañarte para que puedas crear productos digitales más útiles, bellos y humanos.
Preguntas Frecuentes
¿Necesito experiencia previa en diseño o programación?
Es recomendable tener una base mínima en Figma Design (como el uso de Auto Layout o componentes), ya que te facilitará la comprensión del entorno. Sin embargo, no necesitas saber programar. El curso está diseñado para que cualquier perfil aprenda a dirigir la IA y crear productos funcionales mediante el enfoque de vibe coding.
¿Figma Make es adecuado para perfiles no técnicos?
¡Absolutamente! Figma Make es la herramienta perfecta para quienes quieren construir productos sin escribir código. Su interfaz conversacional y visual permite que te centres en la idea y la experiencia de usuario, delegando la complejidad técnica en la inteligencia artificial.
¿Qué herramientas necesito para el curso?
Necesitarás una cuenta de Figma (puedes empezar con la versión gratuita). Para las secciones más avanzadas del curso, como el uso de conectores MCP o publicación profesional, veremos funciones que requieren la versión profesional de Figma.
¿El curso es totalmente práctico?
Sí. El curso se basa en aprender haciendo. Construiremos proyectos reales: desde una landing page dinámica hasta un generador de paletas de colores y una web app conectada a bases de datos.
¿Aprenderé a usar la IA más allá de Figma?
Sí. En este curso la IA es el eje central. No solo usaremos Figma Make, sino que aprenderás a utilizar ChatGPT para crear documentación técnica (PRDs) profesional y a conectar Notion como el cerebro de tus proyectos, automatizando el flujo de creación.
¿Puedo acceder al contenido después de terminar?
Sí. Tendrás acceso permanente a todas las lecciones y recursos. Además, como el ecosistema de IA evoluciona rápido, el curso recibirá actualizaciones periódicas sobre las novedades de Figma Make y el concepto de Vibe Coding sin coste adicional.
¿Obtendré un certificado al finalizar?
Sí. Al completar todas las secciones y los proyectos prácticos, recibirás un certificado que acredita tus habilidades en Vibe Coding y Prototipado avanzado con IA, una de las disciplinas con mayor proyección en el sector tecnológico actual.
¡Empieza hoy mismo!
Descubre cómo crear prototipos web funcionales con Figma Make y Vibe Coding.
¿Sois un equipo y queréis formación personalizada?
Os formamos según las necesidades de tu empresa o sector:
Contacta con nosotros
