Figma añade capas de código al lienzo y permite a los usuarios crear complementos de IA personalizados en Config 2026.

      TL;DRFigma lanzó capas de código, animaciones nativas, efectos de sombreado generados por IA, habilidades personalizadas de IA y complementos construidos a partir de indicaciones en su conferencia Config 2026.

      Figma utilizó la keynote de apertura de su conferencia Config 2026 el miércoles para presentar las capas de código, una característica que lleva código ejecutable directamente al lienzo de diseño colaborativo. Los equipos ahora pueden clonar repositorios y extraer flujos de código en capas de diseño para pruebas, colapsando un paso de transferencia que ha definido el flujo de trabajo de diseño a desarrollo durante más de una década.

      El anuncio llegó junto con soporte nativo para animaciones y movimientos, efectos de sombreado generados por IA, nuevas habilidades de IA para el asistente de diseño de Figma y la capacidad de crear complementos personalizados a través de indicaciones de texto. Las actualizaciones se presentaron en el Centro Moscone en San Francisco, donde las entradas en persona se habían agotado antes del evento de tres días.

      El director de producto Yuhki Yamashita dijo que las capas de código están diseñadas para cambiar la forma en que los diseñadores, gerentes de producto e ingenieros colaboran en ideas. Dijo a TechCrunch que el lienzo multijugador es poderoso porque los equipos que exploran nuevas direcciones no necesitan preocuparse por la calidad del código. El formato espacial, dijo, les permite iterar sin la presión de escribir código listo para producción.

      La función de capa de código funciona dentro de Figma Sites y está respaldada por código React personalizado. Los usuarios pueden convertir componentes en capas de código, usar chat de IA para construir y modificarlos, o editar directamente en el compositor de código de Figma. El sistema admite paquetes npm, incluidas bibliotecas de movimiento y marcos 3D, lo que permite elementos interactivos desde menús desplegables hasta efectos de sombreado sin salir del lienzo.

      Figma también agregó soporte nativo para animaciones, transiciones y transformaciones 3D. Anteriormente, los diseñadores tenían que crear trabajos de movimiento en software externo y convertirlo en código que Figma pudiera interpretar. La actualización elimina ese paso, permitiendo a los diseñadores construir y previsualizar animaciones directamente dentro de sus archivos de diseño mientras también agrega rellenos y efectos de sombreado generados por IA creados a través de indicaciones.

      La empresa también está profundizando su integración con Figma Weave, el producto que construyó a partir de su adquisición de la herramienta de medios basada en nodos Weavy el octubre pasado. Figma lanzó su propio agente de diseño de IA el mes pasado, y las actualizaciones de Config extienden ese agente con nuevas capacidades. Los usuarios ahora pueden escribir indicaciones de texto para crear habilidades repetibles que el asistente de IA puede ejecutar, y pueden conectar herramientas externas como Notion, Granola, Excel y GitHub para darle al agente un contexto más rico.

      Una actualización separada, que se lanzará más adelante este año, permitirá a los usuarios generar flujos de trabajo de Weavy directamente dentro de Figma, estrechando la conexión entre las dos plataformas. La adquisición de Weavy, que trajo un lienzo basado en nodos para combinar múltiples modelos de IA con herramientas de edición profesional, ha operado hasta ahora como un producto independiente en su propia URL.

      Figma también está agregando la creación de complementos personalizados basados en indicaciones. Los usuarios pueden describir lo que quieren, como un generador de diseño o un trazador de caminos vectoriales, y Figma construirá el complemento. La función extiende el ecosistema de complementos existente de la plataforma, que ya alberga miles de herramientas construidas por la comunidad, al bajar la barrera de escribir código a escribir una oración.

      Las actualizaciones llegan en un momento complicado para el negocio de Figma. Los ingresos del primer trimestre de la empresa crecieron un 46 por ciento interanual, alcanzando 333 millones de dólares, y su tasa de retención de dólares netos alcanzó el 139 por ciento, la más alta en más de dos años. Pero las herramientas de codificación de IA como Codex de OpenAI se están expandiendo de herramientas para desarrolladores a plataformas empresariales que pueden generar interfaces a partir de indicaciones de texto, amenazando con eludir completamente las herramientas de diseño.

      Figma salió a bolsa en julio de 2025 con una valoración de 20 mil millones de dólares. Desde entonces, sus acciones han caído aproximadamente un 79 por ciento, cotizando alrededor de 24 dólares, mientras los inversores cuestionan si el software de diseño tradicional puede defender su posición contra competidores nativos de IA.

      La presión competitiva es amplia. Canva lanzó su propio modelo de fundación de IA en marzo, Firefly de Adobe tiene una adopción empresarial del 41 por ciento, y Google presentó Pics, una herramienta de diseño de IA dentro de Workspace, en I/O 2026.

      El anuncio de las capas de código es la respuesta de Figma a esa presión, un argumento de que el lienzo de diseño debería absorber el código en lugar de ser reemplazado por él. Si los ingenieros pueden prototipar directamente en el lienzo junto a los diseñadores, la herramienta se vuelve más difícil de eludir con una indicación de texto a un agente de codificación.

      Yamashita enmarcó la función como produciendo “un comportamiento diferente no solo con los diseñadores, sino también con los ingenieros y PMs.” Si ese comportamiento se materializa dependerá de si los equipos de producto realmente adoptan las capas de código como una superficie de colaboración o continúan tratando el diseño y el desarrollo como disciplinas separadas con una transferencia entre ellas.