Curso Figma - Figma MCP: programa tus diseños con cualquier IA que uses - jonmircha

En este video revisamos el MCP de Figma, la herramienta que permite programar y conectar tus diseños en Figma a cualquier editor de código y agente de IA que uses. 🎓🤓 Certifícate en UX/UI 👉🏻 https://jonmircha.com/certificacion-ux-ui 🔴 Documentación MCP - https://developers.figma.com/docs/figma-mcp-server/ 📝 ÍNDICE: 1. 0:00:00 - Introducción y concepto de Figma MCP. 2. 0:00:33 - ¿Qué es el Model Context Protocol (MCP)? 3. 0:01:03 - Requisitos y pasos para la instalación. 4. 0:01:38 - Configuración en Visual Studio Code (archivo settings.json). 5. 0:03:02 - Verificación y levantamiento del servidor MCP en el editor. 6. 0:04:56 - Conexión entre el documento de Figma y el editor de código. 7. 0:05:08 - Uso de prompts específicos desde el Dev Mode. 8. 0:05:40 - Ejecución del chat agéntico y lectura del diseño. 9. 0:06:50 - Generación automática de archivos (HTML, CSS, JS). 10. 0:08:38 - Previsualización del resultado programado en el navegador. 11. 0:09:47 - Potencial para diseñadores sin conocimientos de programación. 12. 0:11:02 - Integración de Figma en ChatGPT y Claude. 13. 0:12:44 - Capacidades del conector: Diagramas, capturas y metadatos. 14. 0:14:04 - Flujo de trabajo profesional: Diseñador - MCP - Desarrollador. 15. 0:15:57 - Reflexión final sobre el impacto en el ecosistema UX/UI. 🦊 Visita mi sitio web https://jonmircha.com 🔔 Suscríbete al canal https://youtube.com/jonmircha 🌮 ¿Me invítas un taco? https://www.paypal.me/jonmircha 👉🏻 Mi Taller de IA Minimalista - https://jonmircha.com/ia-minimalista 👨🏻‍💻 Toma una Mentoría conmigo https://jonmircha.com/mentoria 📫 Suscríbete a mi lista de correo https://jonmircha.com/newsletter #jonmircha #uxui #figma