La evolución de Figma: capas de código, plugins de IA y soporte de movimiento
Figma está redefiniendo fundamentalmente la frontera entre el diseño y el desarrollo con su última y masiva actualización. Al integrar capas de código y capacidades de IA generativa directamente en su lienzo colaborativo, la plataforma se está transformando de una herramienta de prototipado estática en un entorno dinámico y multidisciplinario.
Cerrando la brecha con las capas de código
En un movimiento significativo hacia la paridad "design-to-code", Figma ha introducido capas de código directamente en su lienzo multiusuario. Esta función permite a los equipos de ingeniería clonar repositorios y extraer flujos de código existentes de vuelta a las capas de diseño para realizar pruebas e iteraciones rápidas.
A diferencia de los flujos de trabajo tradicionales, en los que los diseñadores entregan archivos estáticos a los desarrolladores, el Chief Product Officer de Figma, Yuhki Yamashita, enfatiza que este entorno está diseñado para la exploración más que para la perfección lista para producción. Al permitir que diseñadores, gerentes de producto e ingenieros interactúen con el código de una manera espacial y no lineal, Figma busca acelerar la fase de descubrimiento del desarrollo de productos, reduciendo la fricción que suele encontrarse durante el proceso de entrega (hand-off).
Movimiento avanzado, shaders y transformaciones 3D
Durante años, el diseño de movimiento de alta fidelidad requería que los diseñadores saltaran entre Figma y software de animación especializado, lo que a menudo resultaba en procesos de conversión complejos. Figma está eliminando esta complejidad al añadir soporte nativo para animaciones, transiciones y transformaciones 3D.
La actualización también amplía el conjunto de herramientas visuales al introducir soporte para efectos de shader y rellenos. Esto permite prototipar elementos visuales más sofisticados y de alto rendimiento dentro de la propia herramienta, asegurando que la "sensación" de un producto se capture mucho antes en su ciclo de vida.
IA generativa y creación de plugins personalizados
Figma está redoblando su apuesta por su hoja de ruta de IA al convertir el lienzo en un espacio de trabajo programable. Ahora, los usuarios pueden utilizar prompts de texto para crear "habilidades" repetibles para agentes de IA, convirtiendo al asistente de IA en un colaborador personalizado en lugar de una herramienta genérica. Para aumentar la precisión, la IA ahora puede ingerir contexto de herramientas externas como Notion, Excel, GitHub, Granola y diversos archivos cargados.
Quizás lo más innovador para la comunidad de desarrolladores es la capacidad de crear plugins personalizados mediante prompts sencillos. Ya sea que un usuario necesite un generador de diseños específico o un trazador de rutas vectoriales complejo, ahora puede construir herramientas funcionales a medida dentro de Figma sin escribir código tradicional.
Integración de Weavy para flujos de trabajo basados en modelos
Basándose en su adquisición de la herramienta basada en nodos Weavy, Figma está trabajando para integrar flujos de trabajo avanzados basados en modelos. A finales de este año, los usuarios podrán generar flujos de trabajo de Weavy directamente dentro de la interfaz de Figma. Esto permitirá a los equipos de diseño ejecutar flujos de trabajo complejos a través de diferentes modelos de IA para comparar resultados, asegurando que la dirección de diseño elegida esté optimizada según diversos parámetros generativos.
Conclusiones clave
- Paridad de código a diseño: Las nuevas capas de código permiten a los equipos extraer datos de repositorios al lienzo, convirtiendo el entorno de diseño en un espacio verdaderamente colaborativo para ingenieros y diseñadores.
- Movimiento y shaders nativos: Figma ahora admite transformaciones 3D, transiciones y efectos de shader, lo que reduce la necesidad de software de animación externo.
- Extensibilidad impulsada por IA: Los usuarios ahora pueden generar plugins personalizados y "habilidades" de IA repetibles mediante prompts de texto, integrados con datos externos de GitHub y Notion.