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 velo construido en segundos, listo para perfeccionar.
Explora opciones de navegación con mayor fidelidad
El agente genera componentes de navbar reales en tu lienzo usando tu biblioteca de diseño, para 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 construye barras de navegación usando tus componentes, tokens y variables reales — no interfaces 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 desde la misma fuente de verdad.
Las funciones detrás de la generación
Una mirada más cercana a lo que distingue al agente de Figma, diseñado para la forma en que los equipos de diseño realmente trabajan.
Indicaciones en paralelo
Explora un encabezado fijo, un menú hamburguesa y una mega navegación 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 construyó la barra de navegación.
Habilidades
Convierte tu flujo de navbar en una habilidad reutilizable. Empaqueta indicaciones para encabezados, footers 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
Dile al agente lo que necesitas —un encabezado fijo con logo y enlaces, un menú hamburguesa móvil, una mega navegación con desplegables. Señálale tu biblioteca de diseño para 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 afinar a mano en cualquier momento.
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.
Preguntas frecuentes
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