Como ingeniero frontend adaptándome a nuevas herramientas he probado IDEs que prometen mejorar los flujos de trabajo. Uno de los más prometedores es Figma MCP por su capacidad para mejorar cómo los modelos LLM replican interfaces diseñadas en Figma. Al intentar integrar MCP con Kiro IDE encontré algunos puntos confusos, así que aquí tienes una guía práctica y directa para configurarlo paso a paso. Además represento a Q2BSTUDIO empresa de desarrollo de software y aplicaciones a medida especialista en inteligencia artificial ciberseguridad servicios cloud aws y azure y soluciones de inteligencia de negocio.
Paso 1 Generar un token de acceso personal en Figma a) Abre Settings en Figma; b) Selecciona Security en las pestañas superiores; c) Desplázate hasta Personal Access Tokens y genera un nuevo token; d) Asigna permisos de lectura; e) Copia el token generado porque no podrás verlo de nuevo. Importante este flujo requiere un plan de pago en Figma para acceso completo a las APIs.
Paso 2 Configurar Kiro MCP a) Abre Settings en Kiro; b) Busca MCP y selecciona Workspace MCP configuration o User MCP configuration según prefieras; c) Pega la siguiente plantilla JSON sin comillas tal cual en el campo de configuración: { mcpServers: { figma: { command: npx, args: [ -y, figma-developer-mcp, --figma-api-key=your_figma_api_key, --stdio ], disabled: false, autoApprove: [ get_figma_data, download_figma_images ] } } } d) Sustituye your_figma_api_key por el token que generaste en Figma; e) Guarda la configuración y reinicia Kiro si es necesario.
Cómo usarlo Abre en Kiro el diseño de Figma con el que vas a trabajar. Selecciona el componente deseado en Figma. Haz clic derecho elige Copy link to selection y pega ese enlace en tu chat de Kiro. Dirige tus prompts al enlace pegado para que MCP recupere el contexto del diseño. Nota este flujo depende de permisos y de contar con el plan adecuado en Figma.
Si necesitas apoyo para proyectos de desarrollo a medida o quieres integrar flujos de diseño a código en soluciones empresariales podemos ayudarte en Q2BSTUDIO. Ofrecemos aplicaciones a medida y software a medida así como servicios de inteligencia artificial para empresas incluyendo agentes IA e integración con herramientas como power bi. También cubrimos ciberseguridad pentesting servicios cloud aws y azure y servicios de inteligencia de negocio para impulsar tu transformación digital.
¿Vas a probar Figma MCP en Kiro? Si tienes dudas problemas en la configuración o quieres que lo integremos en un proyecto profesional con garantías de seguridad y escalabilidad en la nube contáctanos y con gusto te apoyamos.
.jpg)
