Figma presentó una actualización que agrega una nueva capa de código, soporte para movimiento y sombreadores, y la capacidad de crear complementos personalizados utilizando IA. La plataforma de diseño ha trabajado en la integración de código durante algún tiempo, ya que el año pasado presentó una herramienta de creación de prototipos basada en mensajes de IA llamada Figma Make y posteriormente lanzó integraciones con Claude Code y Codex para facilitar la colaboración entre la codificación y el diseño.
Las nuevas capas de código permiten a los equipos clonar repositorios y extraer flujos de código para diseñar capas para realizar pruebas. El director de producto de Figma, Yuhki Yamashita, afirmó que estas capas permiten una iteración más fácil entre diseñadores, gerentes de producto y programadores. “Creemos que el lienzo multijugador es realmente poderoso porque es un entorno en el que realmente no te importa la calidad del código”, dijo Yamashita durante una llamada.
Esta actualización también incluye soporte para animaciones, transiciones y transformaciones 3D. Anteriormente, los diseñadores necesitaban crear animaciones en software externo antes de convertirlas en código utilizable. Ahora, los usuarios pueden integrar directamente animaciones y transiciones dentro de la plataforma de Figma.
La nueva actualización permite a la IA ayudar a crear recursos de diseño y agregar efectos de sombreado. Además, Figma está mejorando su asistente de IA para mejorar las funciones de colaboración, permitiendo a los usuarios proporcionar indicaciones de texto para desarrollar habilidades repetibles para los agentes de IA. Los usuarios ahora pueden conectar herramientas como Notion, Granola, Excel y GitHub para dar contexto al bot de IA.
Esta actualización también sienta las bases para una función que permite a los usuarios crear complementos personalizados, como generadores de diseño o trazadores de rutas vectoriales, mediante indicaciones. Una nueva actualización a finales de este año permitirá a los usuarios generar flujos de trabajo de Weavy directamente dentro de Figma, luego de la adquisición de la herramienta basada en nodos Weavy el año pasado, cuyo objetivo es mejorar las comparaciones de flujos de trabajo.
