Le pedí a mi IA que diseñara en Figma. Y lo hizo, sin MCP.
Quienes nos movemos entre el diseño y el desarrollo sabemos bien de qué va esto: el diseño está en Figma, el código en otro lugar, y sincronizar ambos consume horas que nadie tiene.
Por eso construí figma-steroids, un proyecto open source que permite a asistentes como Claude Code, Codex u OpenCode trabajar directamente dentro de Figma.
¿Qué tipo de tareas puedes encargarle?
«Diseña una pantalla de login usando mi design system» → La construye en Figma respetando tus colores, tipografías y componentes. No es una imagen estática: es un diseño completamente editable.
«Convierte este diseño en código» → Lo transforma en código listo para tu proyecto, ya sea en Angular, React, Lit o HTML, reutilizando los componentes que ya tienes definidos.
«Recrea esta pantalla de mi app en Figma» → Abre tu aplicación en el navegador y la reconstruye en Figma lista para editar. Lo probé con el panel de una app para clínicas dentales y el resultado fue prácticamente idéntico al original.
«Revisa la accesibilidad» → Analiza contrastes y tamaños de elementos interactivos, y sugiere los ajustes necesarios.
¿Qué significa «sin MCP»?
Lo habitual para conectar una IA con Figma es tirando de un servidor MCP que pasa por la nube. Aquí el planteamiento es diferente: la IA lanza comandos directamente en tu ordenador y un plugin de Figma los aplica sobre el archivo que tengas abierto en ese momento. Esto implica varias ventajas prácticas:
No necesitas ningún token ni clave de API de Figma. No existen límites de uso por asiento. Tu diseño en ningún momento abandona tu equipo. Y funciona con cualquier IA capaz de ejecutar comandos.
Además, el plugin muestra en tiempo real lo que está haciendo la IA, y puedes detenerla cuando quieras.
Un agradecimiento que no puede faltar
Quiero reconocer el trabajo de Sil Bormüller (Into Design Systems), creador de figma-cli, la herramienta que hace posible la conexión con Figma. figma-steroids se apoya en esa base y añade encima las instrucciones para la IA, la compatibilidad con distintos frameworks y el plugin con interfaz propia. Gracias por publicarlo como open source.
figma-steroids es gratuito y de código abierto. Puedes encontrarlo aquí: repositorio de figma-steroids.
Si lo pruebas, cuéntame qué te gustaría que fuera capaz de hacer a continuación.
figma-steroids: control directo de Figma por IA sin servidor MCP ni tokens de API
Resumen técnico
figma-steroids es un proyecto open source que permite a agentes de IA como Claude Code, Codex u OpenCode operar directamente sobre archivos de Figma. La arquitectura elimina el servidor MCP en la nube: la IA ejecuta comandos locales que un plugin de Figma aplica en tiempo real sobre el archivo abierto. Soporta generación de código para Angular, React, Lit y HTML. No requiere token ni clave de API de Figma. Incluye revisión automática de accesibilidad: contrastes y tamaños. La base técnica es figma-cli, desarrollado por Sil Bormüller.
Análisis de implicaciones
La ausencia de servidor MCP intermedio elimina la latencia de red y mantiene el diseño fuera de la nube, lo que impacta directamente en privacidad y velocidad. El flujo tradicional diseño → handoff → código se acorta a un único agente que opera en ambos extremos. La limitación principal es la dependencia del plugin activo en Figma: el archivo debe estar abierto y el plugin en ejecución. La reconstrucción de interfaces existentes desde el navegador introduce riesgo de pérdida de estructura semántica si los componentes del design system no están correctamente mapeados.
Aplicación práctica
Un desarrollador con Claude Code puede indicar: «Diseña una pantalla de login usando el design system actual» y obtener un frame editable en Figma con los tokens de color y tipografía ya aplicados. En sentido inverso, un frame existente se convierte en componentes Angular o React reutilizando los que ya existen en el proyecto. El caso documentado de reconstrucción de un panel para una app de clínicas dentales demuestra viabilidad en interfaces reales. El plugin muestra el progreso en tiempo real y permite pausar la ejecución en cualquier punto.
Contexto del sector
El estándar actual para conectar LLMs con herramientas externas es MCP (Model Context Protocol), que depende de servidores en la nube y credenciales por usuario. figma-steroids propone una alternativa de ejecución local que no tiene coste por asiento ni límites de uso impuestos por terceros. Coincide con la tendencia de agentes que operan directamente sobre el entorno local del desarrollador, como ocurre con Cursor o Aider en el ámbito del código.
Artículo relacionado
Brian Steve Kennedy Meneses Morales
