Figma ha presentado una actualización transformadora que redefine la colaboración entre diseño y desarrollo. La plataforma ahora incorpora una nueva capa de código directamente en el lienzo, soporte nativo para movimiento y sombreadores, y la capacidad de crear complementos personalizados mediante inteligencia artificial.
Novedades Clave de la Actualización
La nueva versión de Figma introduce tres pilares fundamentales: capas de código para una integración real con desarrollo, animación nativa para prototipos más ricos y una IA avanzada con habilidades personalizables para automatizar tareas.
Este movimiento estratégico consolida la posición de Figma como el epicentro del flujo de trabajo de productos digitales, abordando una de las fricciones más persistentes: la transferencia entre el diseño visual y el código funcional.
Capas de Código: Uniendo Diseño y Desarrollo
La novedad más destacada es la adición de capas de código directamente en el lienzo colaborativo. Esta funcionalidad permite a los equipos clonar repositorios y extraer flujos de código para integrarlos en las capas de diseño, facilitando pruebas y experimentación en un entorno unificado. El objetivo no es reemplazar los entornos de desarrollo, sino acelerar la fase de iteración.
Yuhki Yamashita, Director de Producto de Figma, subraya que esta herramienta está diseñada para la exploración rápida de ideas, liberando a diseñadores, gerentes de producto y programadores de la necesidad de crear código perfecto desde el inicio.
‘Creemos que el lienzo multijugador es realmente poderoso porque este es un entorno en el que realmente no te importa la calidad del código. Si estás explorando rápidamente o necesitas explorar un montón de direcciones nuevas, puedes hacerlo de esta manera espacial. Esperamos que esta característica produzca un comportamiento diferente no solo con los diseñadores, sino también con los ingenieros y los PM.’
– Yuhki Yamashita, Director de Producto de Figma
Movimiento y 3D Nativos en el Lienzo
Figma ahora también soporta animaciones, transiciones y transformaciones 3D de forma nativa. Hasta ahora, los diseñadores debían recurrir a software externo para crear animaciones complejas y luego convertirlas a un formato compatible. Con esta actualización, es posible integrar movimiento y profundidad directamente en los prototipos de Figma, creando experiencias mucho más realistas y dinámicas.
Además, la inteligencia artificial juega un papel en esta área, ya que los usuarios pueden generar efectos de sombreado y rellenos complejos utilizando IA, agilizando la creación de recursos visuales sofisticados.
Inteligencia Artificial Potenciada: Habilidades y Plugins
El asistente de IA de Figma se vuelve significativamente más útil. Los usuarios ahora pueden escribir prompts de texto para crear ‘habilidades’ repetibles que los agentes de IA pueden ejecutar. Esto abre la puerta a la automatización de tareas personalizadas y flujos de trabajo complejos.
Para dar más contexto a la IA, es posible conectar herramientas externas como Notion, Excel y GitHub, o adjuntar archivos directamente. La compañía también ha añadido una función para crear complementos personalizados, como generadores de diseño o trazadores de rutas vectoriales, simplemente describiendo la funcionalidad deseada en un prompt.
Perfil: Figma
Figma es la plataforma líder de diseño de interfaces colaborativa basada en la nube. Permite a equipos multidisciplinarios crear, prototipar, probar e iterar productos digitales en un entorno unificado y en tiempo real, agilizando el proceso desde la idea hasta el lanzamiento.
- Sede: San Francisco, California, EE. UU.
- Fundación: 2012 por Dylan Field y Evan Wallace
- Valoración de Referencia: $20 mil millones (propuesta de adquisición de Adobe en 2022)
- Inversores Clave: Index Ventures, Greylock Partners, Andreessen Horowitz, Sequoia Capital, Kleiner Perkins
- Social: LinkedIn | X (Twitter) | Web Oficial
Integración Futura y Contexto Histórico
Estas mejoras se basan en movimientos estratégicos anteriores. El año pasado, Figma adquirió Weavy, una herramienta basada en nodos para ejecutar flujos de trabajo. La compañía planea una integración más profunda, permitiendo a los usuarios generar flujos de Weavy directamente desde Figma a finales de este año. Este esfuerzo se suma a integraciones previas con modelos como Claude Code y Codex para mejorar la transferencia entre diseño y código.
Cronología Clave de Figma
| Junio 2024 | Anuncio de capas de código, animación nativa y nuevas funciones de IA. |
| Diciembre 2023 | Adobe y Figma cancelan el acuerdo de adquisición de $20 mil millones. |
| 2023 | Presenta Figma Make, una herramienta de prototipado basada en IA, y adquiere la herramienta de flujos de trabajo Weavy. |
| Septiembre 2022 | Adobe anuncia su intención de adquirir Figma por $20 mil millones. |
| 2012 | Dylan Field y Evan Wallace fundan Figma en San Francisco. |
