Figma revoluciona el diseño con capas de código, animaciones y nuevas funciones de IA

Figma presenta una actualización que integra capas de código, animaciones y herramientas impulsadas por inteligencia artificial

El miércoles, Figma mostró una importante actualización que añade una nueva capa de código directamente al lienzo colaborativo, soporte para animaciones, transiciones y transformaciones 3D, y la capacidad de crear plugins personalizados mediante inteligencia artificial. Esta actualización busca transformar la forma en que diseñadores, gerentes de producto y programadores colaboran en un mismo espacio.

Capas de código: diseño y desarrollo en un solo lugar

Figma ya había dado pasos hacia la integración del código con herramientas como Figma Make, Claude Code y Codex. Ahora, las capas de código se integran directamente en el lienzo colaborativo, permitiendo a los equipos clonar repositorios y extraer flujos desde el código hacia las capas de diseño para realizar pruebas. “El lienzo multijugador es realmente poderoso porque es un entorno donde no te preocupas por la calidad del código. Si estás explorando rápidamente nuevas direcciones, puedes hacerlo de forma espacial”, explicó Yuhki Yamashita, director de producto de Figma, en una llamada.

Movimiento y efectos visuales sin salir de Figma

Anteriormente, los diseñadores debían crear animaciones en software externo y convertirlas a código para que Figma las entendiera. Con esta actualización, es posible integrar animaciones, transiciones y transformaciones 3D directamente en la plataforma. Además, se agrega soporte para efectos de shader y rellenos utilizando IA, lo que permite generar activos visuales de manera más rápida.

IA al servicio del diseño: plugins personalizados y asistentes mejorados

Una de las novedades más destacadas es la posibilidad de crear plugins personalizados a través de prompts de texto. Por ejemplo, generadores de layout o trazadores de vectores. Figma también ha mejorado su asistente de IA añadiendo nuevas habilidades: los usuarios pueden escribir prompts para crear habilidades repetibles que los agentes de IA pueden ejecutar, y conectar herramientas externas como Notion, Granola, Excel y GitHub, o adjuntar archivos para dar más contexto.

Integración con Weavy

El año pasado Figma adquirió Weavy, una herramienta basada en nodos que permite ejecutar flujos de trabajo a través de diferentes modelos para comparar resultados. Ahora la compañía está trabajando en integrar ambas aplicaciones; una actualización prevista para más adelante este año permitirá generar flujos de Weavy directamente dentro de Figma.

Con estas innovaciones, Figma refuerza su apuesta por un diseño modular y la tipografía digital como pilares de una experiencia colaborativa eficiente. La actualización ya está disponible para los usuarios de la plataforma.

Impacto en la industria del diseño

La integración del código y las animaciones nativas en Figma reduce la fricción entre diseñadores y desarrolladores, acelerando los ciclos de iteración. La capacidad de crear plugins con IA abre un abanico de posibilidades para automatizar tareas repetitivas y personalizar flujos de trabajo. Sin duda, esta actualización marca un hito en la evolución de las herramientas de diseño colaborativo.