Conecta una biblioteca de diseño
Indícale al agente tu biblioteca de diseño para que cada barra de navegación generada use tus componentes, iconos y tokens de espaciado reales, no marcadores de posición genéricos.
Tu generador de barra de navegación con IA, en tu lienzo
Crea barras de navegación, menús y componentes de navegación con IA, directamente en Figma Design usando tu sistema de diseño real. Describe lo que necesitas y obsérvalo creado en segundos, listo para perfeccionar.
Explora opciones de navegación con mayor fidelidad
El agente genera componentes de barra de navegación reales en tu lienzo usando tu biblioteca de diseño, así que cada opción está lista para producción desde el principio.
Genera barras de navegación con tu sistema de diseño
El agente de Figma crea barras de navegación usando tus componentes, tokens y variables reales, no una interfaz de marcador de posición que tendrás que reconstruir. Cada barra de navegación generada coincide con tu sistema de diseño desde la primera indicación.
Elimina el trabajo tedioso, mantente en el flujo
Olvídate de la configuración tediosa de alinear iconos, espaciar enlaces y configurar menús desplegables a mano. Describe la estructura de navegación que necesitas y deja que el agente la monte mientras te centras en las decisiones más importantes.
Alinea a tu equipo, cierra el ciclo
Las barras de navegación generadas viven en tu archivo compartido, así que desarrolladores e interesados ven lo mismo que tú. Nada se pierde en la exportación: todos construyen a partir de la misma fuente de verdad.
Las funciones detrás de la generación
Un vistazo más de cerca a lo que distingue al agente de Figma, creado para la forma en que los equipos de diseño trabajan realmente.
Indicaciones en paralelo
Explora un encabezado fijo, un menú hamburguesa y una mega navegación, todo a la vez. Ejecuta varias indicaciones simultáneamente para comparar direcciones sin esperar.
Hilos compartibles
Comparte un hilo y tu equipo verá la indicación completa, el contexto y el historial de iteraciones. Sin traspasos por separado: todos entienden cómo se creó la barra de navegación.
Habilidades
Convierte tu flujo de trabajo de barras de navegación en una habilidad reutilizable. Empaqueta indicaciones para encabezados, pies de página o menús móviles en comandos que todo tu equipo pueda ejecutar.
El agente de Figma se siente como una extensión natural de mi mano. Hago la ideación de mis diseños en el lienzo, y ahora el agente lleva el trabajo hasta el final. Con mis bibliotecas de diseño conectadas, puedo pasar del diseño al código más rápido que nunca.
Andy Madrick
Product Designer en Notion
Empieza con el agente de Figma
Abre el agente
Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Intro. Añade un marco para trabajar, o selecciona un diseño existente que necesite navegación.
Describe tu barra de navegación
Indícale al agente lo que necesitas: un encabezado fijo con logotipo y enlaces, un menú hamburguesa móvil, una mega navegación con desplegables. Señálale tu biblioteca de diseño para obtener componentes precisos.
Revisa en el lienzo
Comprueba la barra de navegación generada en tu lienzo. Perfecciónala en el mismo hilo o inicia uno en paralelo para explorar otro patrón de navegación.
Sigue iterando
Vuelve a indicarle para ajustar el espaciado, añadir iconos o probar variantes responsivas. Todo permanece editable, así que puedes afinarlo a mano cuando quieras.
Conviértete en un experto del agente
El agente de diseño de Figma ya está aquí
Más informaciónMira el agente de IA de Figma en acción y descubre cómo aplicarlo en tus propios flujos de trabajo.
Trabaja con el agente de Figma
EmpezarUn entorno práctico para explorar las capacidades del agente de Figma — desde ediciones en masa hasta la implementación de comentarios — con guía paso a paso incorporada.
Cómo usar el agente de Figma en tus flujos de trabajo de diseño
Ver ahoraAprende a usar el agente de Figma en tus flujos de trabajo de diseño con un tutorial paso a paso del equipo de Figma.
FAQ
El agente de Figma está disponible en todos los planes de pago de Figma. Lo encontrarás en la barra lateral izquierda de Figma Design. Durante la beta abierta actual no consume créditos de IA — así que es un buen momento para explorarlo, experimentar y compartir tu opinión con nosotros.
Crea más rápido con el agente de Figma