Saltar al contenido principal

Crea dashboards más rápido con un agente de IA

Genera disposiciones de dashboard ricas en datos directamente en Figma Design usando tus componentes reales y tokens de diseño. Explora múltiples direcciones a la vez, omite el andamiaje y sigue creando.

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

¿Por qué diseñar paneles con un agente de IA?

El agente de Figma comprende el contexto de tu lienzo, se conecta a tu biblioteca de diseño y genera disposiciones de dashboard listas para producción con las que puedes seguir iterando.

Lienzo de Figma mostrando una disposición generada por IA siendo explorada.Lienzo de Figma mostrando una disposición generada por IA siendo explorada.

Explora más disposiciones en mayor fidelidad

El agente de Figma genera variaciones reales del dashboard usando tus componentes, tokens y variables reales, no wireframes de marcador de posición. Explora distintos enfoques de visualización de datos en paralelo y elige la dirección que mejor funcione.

Panel del agente de Figma AI mostrando una edición masiva aplicada en todo un diseño.Panel del agente de Figma AI mostrando una edición masiva aplicada en todo un diseño.

Elimina el trabajo repetitivo y mantén el ritmo

Olvídate del trabajo repetitivo de crear desde cero cuadrículas para dashboards, estructuras de tarjetas y contenedores de gráficos. Describe lo que necesitas y deja que el agente se encargue de la configuración mientras tú te concentras en las decisiones de diseño que realmente importan.

Panel del agente de Figma AI mostrando el feedback del equipo siendo sintetizada en un diseño.Panel del agente de Figma AI mostrando el feedback del equipo siendo sintetizada en un diseño.

Alinea a tu equipo en cada iteración

Cada dashboard se encuentra en el mismo archivo en el que trabaja tu equipo. Las partes interesadas pueden ver todo el historial de indicaciones, el contexto y las revisiones: nada se pierde al exportar ni queda oculto en un documento de handoff separado.

Las funciones detrás de los dashboards

Descubre más de cerca qué diferencia al agente de Figma, creado para la forma en que realmente trabajan los equipos de diseño.

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

    Conecta una biblioteca de diseño

    Conecta el agente a tu sistema de diseño y generará dashboards con tus componentes, tokens de color y variables de espaciado reales, listos para producción.

  • Captura de pantalla de varias indicaciones de diseño con IA ejecutándose simultáneamente en FigmaCaptura de pantalla de varias indicaciones de diseño con IA ejecutándose simultáneamente en Figma

    Indicaciones en paralelo

    Explora múltiples direcciones de dashboard a la vez. Ejecuta indicaciones en paralelo para comparar disposiciones, visualizaciones de datos y jerarquías de información sin esperar.

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

    Hilos compartibles

    Comparte un hilo para que tu equipo vea la indicación completa, el contexto y el historial de iteraciones detrás de cualquier panel. No hace falta una transferencia por separado.

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

    Empaqueta flujos de trabajo como habilidades

    Convierte tus mejores indicaciones de panel en habilidades reutilizables. Ejecuta nuevamente con un solo comando cada vez que necesites una disposición similar.

Figma se siente como una extensión natural de mi mano. Desarrollo mis ideas de diseño en el lienzo, y ahora el agente se encarga del tramo final. 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

Comienza con el agente de Figma

  • Abre el agente

    Selecciona Agentes en la barra lateral izquierda o presiona CMD + Intro. Agrega un marco al lienzo para trabajar.

  • Describe tu panel

    Dile al agente qué tipo de dashboard necesitas: métricas, tipos de datos, preferencias de disposición. Indícale tu biblioteca de diseño para que use tus componentes reales.

  • Revisión en el lienzo

    Revisa el dashboard generado en tu lienzo. Perfecciónalo en el mismo hilo o abre otro en paralelo para explorar una alternativa diferente.

  • Sigue iterando

    Indica nuevamente ajustar gráficos, reorganizar tarjetas o intercambiar componentes. Todo permanece editable para que puedas ajustar manualmente o indicación hasta que esté correcto.

Conviértete en un experto en agentes

  • Te presentamos al agente de diseño de Figma

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

    Más información
  • Pantalla de introducción del área de pruebas del agente de Figma con un botón "Inicio" y una indicación de ejemplo en el chat: "Hola Figma, ¿puedes crear diferentes disposiciones para mi app de lectura?"Pantalla de introducción del área de pruebas del agente de Figma con un botón "Inicio" y una indicación de ejemplo en el chat: "Hola Figma, ¿puedes crear diferentes disposiciones para mi app de lectura?"

    Trabaja con el agente de Figma

    Área de pruebas práctica para explorar las capacidades del agente de Figma: desde ediciones masivas hasta la implementación de feedback, con guías paso a paso integradas.

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

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

    Ver el video ahora

Preguntas frecuentes

Un agente de IA para dashboards te ayuda a generar disposiciones de visualización de datos a partir de una indicación de texto. Con el agente de Figma, describes el panel que necesitas —métricas, gráficos y tipos de datos— y este crea la disposición directamente en tu lienzo utilizando los componentes de tu sistema de diseño. Está integrado en Figma Design, por lo que no necesitas cambiar de una herramienta a otra.

El agente de Figma interpreta tu indicación y el contexto del lienzo, y luego genera disposiciones de dashboards utilizando la biblioteca de diseño que tengas conectada. Comprende tus componentes, tokens y variables, por lo que el resultado está listo para producción en lugar de ser una UI para marcar posición. Puedes ejecutar varias indicaciones en paralelo para explorar distintas direcciones al mismo tiempo.

Puedes generar disposiciones completas de dashboards, explorar distintos enfoques de visualización de datos, crear estructuras de cuadrículas de tarjetas y contenedores de gráficos, e iterar sobre los diseños mediante indicaciones de seguimiento. El agente de Figma se encarga del trabajo de configuración repetitivo para que puedas concentrarte en perfeccionar el diseño y mantener a tu equipo alineado.

Un buen agente para dashboards debería conectarse a tu sistema de diseño, generar componentes reales en lugar de marcadores de posición, permitir la exploración en paralelo y mantener todo editable. El agente de Figma hace todo esto de forma nativa en tu lienzo, con hilos que puedes compartir para que tu equipo tenga acceso a todo el contexto detrás de cada iteración.

El agente de Figma está disponible en todos los planes pagos de Figma. Lo encontrarás en la barra lateral izquierda de 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 tu feedback con nosotros.

Powered by Fruition