La Nueva Actualización de Figma Integra IA, Animaciones y Código en el Lienzo

¿Cuántas veces una idea clara se traba justo cuando hay que convertirla en algo que funcione en pantalla? Ese salto entre el boceto y el producto final suele ser el cableado oculto de muchos equipos: todos lo necesitan, pero pocos lo ven con claridad.

Ahora Figma quiere tocar esa pieza clave. La plataforma lanzó una actualización que suma capas de código dentro de su lienzo colaborativo, además de soporte nativo para animaciones, movimiento y funciones de inteligencia artificial pensadas para acelerar el trabajo entre diseño y desarrollo.

El hallazgo no está solo en agregar más herramientas, sino en cambiar el mecanismo de trabajo. Según el resumen presentado por la compañía, estas capas permiten clonar repositorios y extraer flujos desde el código hacia el entorno de diseño para probar ideas con más rapidez, sin obsesionarse con que ese código sea el definitivo.

Yuhki Yamashita subraya que la función busca facilitar la exploración rápida de ideas entre diseñadores, ingenieros y gestores de producto.

En otras palabras, Figma intenta que el lienzo deje de ser una maqueta quieta y se parezca más a una mesa de trabajo real. Una donde el diseño, el código y la IA se apoyan entre sí en lugar de esperar turnos.

Además, Figma integró Claude Code y Codex, dos asistentes para tareas de programación, con la idea de mejorar la transición entre el diseño y el desarrollo. Y la compañía ya venía preparando ese terreno con Figma Make, una herramienta de prototipado basada en prompts de IA (instrucciones escritas en lenguaje natural).

Un lienzo que ya no termina en el diseño

La otra novedad importante está en el movimiento. Figma ahora soporta de forma nativa animaciones, transiciones y transformaciones 3D, es decir, cambios visuales y espaciales que antes obligaban a pasar por otras herramientas y luego reconvertir todo para que encajara en la plataforma.

Ese cambio parece técnico, pero tiene una aplicación muy concreta. Si un botón debe deslizarse, girar o responder al toque de una manera específica, el equipo ya no necesita salir de Figma para probarlo. La respuesta se vuelve más inmediata.

También la IA gana una nueva oportunidad dentro del sistema. Puede generar activos visuales, incluidos shaders (efectos de sombreado) y rellenos, y además permite crear plugins personalizados con prompts. Eso abre la puerta a funciones como generadores de layouts o trazadores de vectores sin escribir cada pieza desde cero.

Por otro lado, el asistente de IA de Figma suma “skills” reutilizables, es decir, pequeñas rutinas creadas con texto para que los agentes ejecuten tareas específicas. Y puede conectarse con herramientas externas como Notion, Granola, Excel y GitHub para sumar contexto, además de aceptar archivos adjuntos.

La compañía también trabaja en integrar mejor Weavy, una herramienta basada en nodos adquirida previamente para comparar flujos de trabajo entre distintos modelos. Más adelante, esos flujos podrán generarse dentro de Figma.

La pieza práctica para el usuario

La clave de esta actualización no es que todos deban programar. Es que el diseño digital empieza a parecerse menos a un dibujo estático y más a un sistema vivo, con interruptores visibles y pruebas en tiempo real.

Si ese mecanismo funciona, el usuario final lo notará en productos más coherentes, más rápidos de probar y con menos distancia entre lo que se imagina y lo que realmente llega a la pantalla. A veces, la innovación no está en construir otra casa, sino en ordenar mejor su cableado.

Sofía Sicilia

Directora de operaciones en GptZone. IT, especializada en inteligencia artificial. Me apasiona el desarrollo de soluciones tecnológicas y disfruto compartiendo mi conocimiento a través de contenido educativo. Desde GptZone, mi enfoque está en ayudar a empresas y profesionales a integrar la IA en sus procesos de forma accesible y práctica, siempre buscando simplificar lo complejo para que cualquiera pueda aprovechar el potencial de la tecnología.