Saltar hasta el contenido principal

Genera botones que coincidan con tu sistema de diseño

Crea variantes de botones, explora estilos y crea bibliotecas de componentes con IA, directamente en Figma Design. Usa tus propios tokens y componentes reales, no una IU de marcador que necesite volver a crearse.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Explora diseños de botones más rápido que nunca

Genera botones listos para producción en tu lienzo utilizando los componentes, tokens y estilos que ya usa tu equipo.

Lienzo de Figma que muestra un diseño de disposición generado por la IA en estudioLienzo de Figma que muestra un diseño de disposición generado por la IA en estudio

Generar con tu sistema de diseño

El agente de Figma crea botones utilizando tus componentes reales, tokens de color y estilos tipográficos. Todas las variantes coinciden con tu sistema desde el comienzo, sin una IU sustitutiva que crear de nuevo o que tener que diseñar más adelante.

Panel del agente de IA de Figma en el que se muestra una edición masiva aplicada a través de un diseñoPanel del agente de IA de Figma en el que se muestra una edición masiva aplicada a través de un diseño

Explora más direcciones de una sola vez

Genera múltiples estilos de botones, tamaños y estados en paralelo. Compara las variantes primaria, secundaria y terciaria una al lado de la otra sin esperar a que una acabe antes de empezar la siguiente.

Panel del agente de IA de Figma que muestra cómo se sintetizan los comentarios del equipo en un diseñoPanel del agente de IA de Figma que muestra cómo se sintetizan los comentarios del equipo en un diseño

Sigue trabajando en equipo

Cada botón generado vive en el mismo archivo en el que trabaja tu equipo. Los diseñadores, los desarrolladores y las partes interesadas verán el mismo resultado y podrán crear sobre él de inmediato.

Las características detrás de la generación de botones

Un análisis más detallado a lo que distingue al agente de Figma, diseñado para la forma en que los equipos de diseño realmente trabajan.

  • Captura de pantalla que muestra al agente de IA de Figma conectado a una biblioteca de componentes, aplicando automáticamente los tokens de marca a un diseñoCaptura de pantalla que muestra al agente de IA de Figma conectado a una biblioteca de componentes, aplicando automáticamente los tokens de marca a un diseño

    Conecta tu biblioteca de diseño

    Dirige al agente a tu biblioteca de diseño para que cada uno de los botones utilicen tus componentes, tokens y variables, listos para producción, y no los marcadores.

  • Captura de pantalla que muestra varias indicaciones de diseño con IA ejecutándose a la vez en FigmaCaptura de pantalla que muestra varias indicaciones de diseño con IA ejecutándose a la vez en Figma

    Ejecutar indicaciones en paralelo

    Genera múltiples direcciones de botones simultáneamente. Explora diferentes estilos, estados y tamaños sin tener que esperar a que se termine una indicación.

  • Captura de pantalla de un hilo de conversación compartido de Figma AI con comentarios sobre el diseñoCaptura de pantalla de un hilo de conversación compartido de Figma AI con comentarios sobre el diseño

    Hilos para compartir

    Comparte un hilo y tu equipo verá la indicación completa, el contexto y el historial de iteraciones. No se necesita transferencia ni explicación por separado.

  • Captura de pantalla que muestra las opciones de habilidades del agente de IA de Figma para automatizar los flujos de trabajo de diseñoCaptura de pantalla que muestra las opciones de habilidades del agente de IA de Figma para automatizar los flujos de trabajo de diseño

    Agrupa los flujos de trabajo en habilidades

    Convierte tus indicaciones de generación de botones en habilidades reutilizables. Ejecuta estos comandos rápidamente cada vez que necesites resultados coherentes.

Figma se siente como una extensión natural de mi mano. Llevo a cabo las ideas de mis diseños en el lienzo, y ahora el agente lo lleva hasta el último tramo. Con mis bibliotecas de diseño conectadas, puedo pasar del diseño al código más rápido que nunca.

Andy Madrick
Diseñador de producto, Notion

Logotipo de Notion

Empieza a usar el agente de Figma

  • Abre el agente

    Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Intro. Añade un marco a tu lienzo para trabajar en él.

  • Describe el botón

    Dile al agente lo que necesitas: botón principal, botón con icono, estado de carga. Dirígelo a tu biblioteca de diseño para que use tus estilos reales.

  • Revisa en el lienzo

    Comprueba los botones generados en tu lienzo. Refina en el mismo hilo o inicia uno paralelo para explorar una dirección diferente.

  • Sigue iterando

    Vuelve a indicar para ajustar el tamaño, el estado o el estilo. Convierte el flujo de trabajo en una habilidad reutilizable cuando lo tengas ajustado.

Conviértete en un agente experto

  • El agente de diseño de Figma ya está disponible

    Observa el agente de IA de Figma en acción y descubre cómo integrarlo en tus propios flujos de trabajo.

    Leer más
  • Pantalla de introducción del área de pruebas del agente de Figma con un botón de "Inicio" y un ejemplo de indicación de chat: "Hola Figma, ¿puedes crear diferentes disposiciones para mi aplicación de lectura?"Pantalla de introducción del área de pruebas del agente de Figma con un botón de "Inicio" y un ejemplo de indicación de chat: "Hola Figma, ¿puedes crear diferentes disposiciones para mi aplicación de lectura?"

    Trabaja con el agente de Figma

    Un área de pruebas para explorar las funcionalidades del agente de Figma, desde ediciones masivas hasta la implementación de comentarios, con instrucciones paso a paso integradas.

    Empezar
  • Cómo usar el agente de Figma en tus flujos de trabajo de diseño

    Aprende a usar el agente de Figma en tus flujos de trabajo de diseño con un tutorial paso a paso del equipo de Figma.

    Ver ahora

Preguntas frecuentes

Un generador de botones con IA crea diseños de botones a partir de indicaciones de texto, ayudándote a explorar estilos, tamaños y estados más rápido que creando cada uno manualmente. El agente de Figma genera botones directamente en tu lienzo usando tu sistema de diseño, así que los resultados están listos para producción desde el inicio.

Describes el botón que necesitas: un botón primario con un icono, una variante secundaria, un estado de carga, y la IA lo crea en tu lienzo. El agente de Figma referencia tu biblioteca de diseño conectada, usando tus tokens, componentes y estilos reales para generar botones que coincidan con tu sistema.

Sí. El agente de Figma te permite describir exactamente lo que necesitas y genera botones personalizados en tu lienzo. Puedes especificar estilos, tamaños, estados e iconos. Todo es completamente editable, por lo que puedes ajustar a mano o volver a la indicación hasta que el botón sea exactamente correcto.

Por supuesto. Los botones generados por el agente de Figma aterrizan en tu lienzo como capas y componentes totalmente editables. Puede ajustar los colores, la tipografía, los espacios y los estados manualmente o mediante indicaciones de seguimiento. Nada se aplana o se bloquea.

El agente de Figma está disponible en todos los planes de pago de Figma. Lo encontrarás en la barra lateral izquierda en Figma Design. Durante la beta abierta actual, no consume créditos de IA, por lo que es un buen momento para explorar, experimentar y compartir tus comentarios con nosotros.

Powered by Fruition