Figma actualiza su plataforma para conectar los flujos de trabajo de diseño y desarrollo

El miércoles, Figma, una plataforma de diseño colaborativo, presentó una actualización de su plataforma que introduce capas de código —una nueva función que permite la integración de código directamente en el lienzo de diseño— junto con soporte para movimiento y shaders, además de complementos personalizados impulsados por IA. La actualización se basa en los esfuerzos continuos de la empresa por conectar el diseño y el desarrollo. El año pasado, Figma presentó Figma Make y adquirió Weavy. La empresa también ha lanzado integraciones con las herramientas de codificación con IA Claude Code y Codex para mejorar la transferencia entre la codificación y el diseño.

Las capas de código recién introducidas permiten a los equipos de producto clonar repositorios y extraer flujos desde el código hacia las capas de diseño para realizar pruebas. Esta función está diseñada para operar dentro del entorno de diseño colaborativo de Figma, al que la empresa denomina “lienzo multijugador”. La actualización también añade soporte para movimiento y shaders, incluyendo transformaciones 3D y efectos de sombreado, lo que permite a los diseñadores trabajar directamente con estos elementos visuales. Según Yuhki Yamashita, director de producto de Figma, este espacio colaborativo tiene la intención de cambiar la forma en que los diseñadores, ingenieros y gerentes de producto trabajan juntos, permitiéndoles explorar ideas sin centrarse en la calidad del código.

“Creemos que el lienzo multijugador es realmente potente porque es un entorno en el que realmente no te importa la calidad del código. Si estás explorando rápidamente o necesitas, en cierto modo, explorar una serie de nuevas direcciones, puedes hacerlo de esta manera espacial. Esperamos que esta función produzca un comportamiento diferente no solo con los diseñadores, sino también con los ingenieros y los gerentes de producto”, dijo Yamashita.

Además de las capas de código, la actualización amplía las capacidades de IA de Figma al permitir a los usuarios conectar herramientas como Notion, un software de productividad y colaboración; Granola, una herramienta de productividad; Excel, el software de hojas de cálculo de Microsoft; y GitHub, una plataforma de alojamiento y desarrollo de código, para proporcionar más contexto. Los usuarios también pueden generar complementos personalizados utilizando IA. Además, Figma está trabajando para mejorar la integración entre su plataforma principal y Weavy, la herramienta basada en nodos que adquirió el año pasado. En una actualización que se lanzará más adelante este año, los usuarios podrán generar flujos de trabajo de Weavy directamente dentro de Figma.

Por qué importa

Figma está reduciendo activamente la fricción entre el diseño y el desarrollo al permitir que los equipos iteren sobre ideas en un espacio colaborativo sin la carga inmediata de escribir código listo para producción. Este cambio amplía la utilidad de la plataforma más allá del diseño tradicional, involucrando directamente a ingenieros y gerentes de producto en una etapa más temprana del ciclo de vida de desarrollo del producto.