Figma lanza una actualización que redefine la colaboración entre diseño y desarrollo

En una presentación reciente, Figma reveló una serie de mejoras que prometen cambiar la forma en que equipos multidisciplinarios crean productos digitales. La novedad más llamativa es la incorporación de capas de código directamente sobre el lienzo colaborativo, una funcionalidad que permite a diseñadores, gerentes de producto y programadores experimentar sin la carga de generar código de producción impecable.

Capas de código: puente instantáneo entre ideas y ejecución

Gracias a esta herramienta, los usuarios pueden clonar repositorios y extraer flujos de código para convertirlos en capas visuales manipulables. El objetivo, según el director de producto Yuhki Yamashita, es ofrecer un entorno donde la rapidez del prototipo sea prioritaria, fomentando iteraciones rápidas y exploración de múltiples direcciones sin preocuparse por la calidad final del código. Esta aproximación “multijugador” hace que la canvas de Figma se convierta en una zona de pruebas dinámica, donde diseñadores y desarrolladores trabajan codo a codo.

Animaciones y transformaciones 3D sin salir de la plataforma

Otra gran mejora es el soporte nativo para animaciones, transiciones y transformaciones 3D. Antes, los creativos tenían que recurrir a herramientas externas, exportar resultados y volver a importarlos a Figma. Ahora, todo el proceso se realiza dentro del mismo entorno, simplificando la creación de micro‑interacciones y efectos visuales avanzados. Esta integración acelera los flujos de trabajo y reduce la fricción entre diseño y desarrollo front‑end.

Inteligencia artificial al servicio del creativo

El nuevo paquete incluye funciones de IA que generan efectos de sombreado (shaders) y rellenos a partir de prompts textuales. Además, Figma amplía su asistente AI con "skills" reutilizables, permitiendo a los usuarios escribir indicaciones que el agente ejecuta de forma automática. La plataforma también puede conectarse a Notion, Granola, Excel o GitHub, y aceptar archivos adjuntos para ofrecer un contexto más rico al bot.

Plugins personalizados y la integración de Weavy

Para los usuarios que buscan automatizar tareas específicas, Figma ahora permite crear plugins personalizados mediante prompts de IA, facilitando la generación de generadores de layout o trazadores de rutas vectoriales. Paralelamente, la reciente adquisición de Weavy, una herramienta basada en nodos, se está integrando más estrechamente. En una próxima actualización, los usuarios podrán diseñar flujos de trabajo de Weavy directamente dentro del canvas de Figma, consolidando aún más la cadena de producción.

Con estas mejoras, Figma refuerza su posición como la plataforma de diseño colaborativo por excelencia, ofreciendo a los equipos una caja de herramientas más completa para transformar ideas en productos funcionales sin perder agilidad.

Source: https://techcrunch.com/2026/06/24/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update/

Related Articles