Figma Config 2026: capas de código y plugins IA redefinen el diseño

¿Qué ha ocurrido?

Durante la keynote inaugural de Config 2026, Figma anunció dos grandes novedades: las code layers y los AI Skills. Las code layers permiten a los diseñadores y desarrolladores trabajar con código ejecutable directamente sobre el lienzo colaborativo. Los equipos pueden clonar repositorios de GitHub, extraer flujos desde el código hacia capas de diseño para pruebas, colapsando el paso de entrega que ha definido el flujo diseño-desarrollo durante más de una década. Según The Next Web, esta funcionalidad permite validar comportamientos reales antes de pasar a producción, acelerando los ciclos de iteración. Por otro lado, los AI Skills son plugins de inteligencia artificial que los usuarios pueden construir y personalizar, integrando modelos como GPT-4o, Claude 4 o Gemini 2.5 directamente en Figma para automatizar tareas repetitivas, generar variantes de diseño o analizar componentes. Figma también presentó mejoras en animaciones y un nuevo plugin de accesibilidad, aunque estas no fueron el foco principal.

¿Por qué es importante?

La integración de código ejecutable en el lienzo de diseño aborda uno de los puntos de fricción más persistentes en el desarrollo de productos digitales: la brecha entre diseño y desarrollo. Tradicionalmente, los diseñadores crean mockups estáticos y los desarrolladores los traducen a código, un proceso propenso a errores y malentendidos. Con las code layers, el código se convierte en parte del diseño, permitiendo validar comportamientos reales antes de pasar a producción. Esto acelera los ciclos de iteración y reduce la deuda técnica temprana. Además, los AI Skills democratizan el acceso a la IA, permitiendo que cualquier equipo cree asistentes personalizados sin necesidad de ingeniería de machine learning avanzada. Este movimiento se enmarca en una tendencia más amplia: la convergencia de herramientas de diseño y desarrollo, similar a lo que ocurrió cuando Sketch introdujo símbolos y estilos compartidos, o cuando Framer incorporó componentes de React. Sin embargo, Figma va un paso más allá al integrar código ejecutable directamente en el lienzo, lo que podría redefinir el flujo de trabajo para millones de usuarios.

Consecuencias para el mercado

Estos movimientos posicionan a Figma como una plataforma integral de desarrollo de producto, compitiendo directamente con herramientas como Framer, Webflow y, en el ámbito de la IA, con plugins de terceros. Las code layers podrían canibalizar parte del mercado de herramientas de prototipado avanzado y de inspección de código, mientras que los AI Skills podrían reducir la dependencia de soluciones externas como Galileo AI o Uizard. Para los usuarios, el beneficio es un flujo más unificado y menos cambios de contexto. Sin embargo, también implica una mayor complejidad y una curva de aprendizaje más pronunciada. En términos de mercado, Figma refuerza su posición como líder en diseño colaborativo, especialmente después de la fallida adquisición por parte de Adobe en 2023. Los competidores como Adobe XD y Sketch deberán responder con innovaciones similares o arriesgarse a perder cuota de mercado. Además, la integración de IA podría acelerar la adopción de asistentes inteligentes en el diseño, un segmento que según Gartner crecerá un 30% anual hasta 2028. No obstante, la canibalización de herramientas de prototipado existentes podría generar tensiones en el ecosistema de plugins de Figma.

Lo que deben saber los lectores

Las code layers se lanzan en beta privada para equipos Enterprise, con disponibilidad general prevista para finales de 2026. Los AI Skills estarán disponibles en el marketplace de Figma a partir del próximo trimestre. Es importante señalar que el código ejecutable en el lienzo plantea preguntas de seguridad y rendimiento: Figma deberá garantizar que el código de los usuarios no comprometa la plataforma ni exponga datos sensibles. La compañía ha implementado un sandboxing aislado, pero aún no se han revelado detalles técnicos completos. Además, la personalización de plugins de IA requerirá que los usuarios tengan nociones básicas de prompting y configuración de modelos, lo que podría limitar su adopción inicial. Por último, la compañía ha confirmado que los AI Skills se integrarán con Figma Slides y FigJam, extendiendo la inteligencia artificial a todas sus herramientas. Según declaraciones de Dylan Field, CEO de Figma, durante la presentación: "Estamos eliminando la barrera entre diseño y código para que los equipos puedan crear productos mejores y más rápido". Sin embargo, algunos analistas advierten que la complejidad adicional podría alienar a diseñadores menos técnicos, repitiendo el patrón de resistencia que enfrentó la introducción de componentes en Sketch. En resumen, Figma apuesta por un ecosistema donde el diseño y el desarrollo convergen, potenciado por la inteligencia artificial. Los competidores deberán responder con innovaciones similares o arriesgarse a quedar rezagados en un mercado que exige cada vez más velocidad y colaboración. La clave estará en cómo Figma gestione la seguridad, la usabilidad y la transición de los usuarios hacia este nuevo paradigma.