Saltar hasta el contenido principal

Tu asistente de entrega de diseños con IA, sin tanto ir y venir

El agente de Figma te ayuda a preparar specs, extraer assets y responder preguntas de los desarrolladores, directamente en el lienzo donde ya vive tu diseño. Menos cambios de contexto, entregas más claras.

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

Entregas que realmente funcionan

Mantén a diseñadores y desarrolladores alineados en un mismo espacio, con la IA encargándose del tedioso trabajo de preparación para que tú te centres en construir.

Lienzo de Figma mostrando un diseño generado con IA siendo exploradoLienzo de Figma mostrando un diseño generado con IA siendo explorado

Automatiza la preparación, conserva la precisión

Deja que el agente se encargue de las tareas repetitivas de entrega —generar redlines, documentar el espaciado, listar las specs de los componentes— mientras tú te centras en las decisiones de diseño que realmente necesitan tu atención.

Panel del agente de IA de Figma mostrando una edición en masa aplicada a un diseñoPanel del agente de IA de Figma mostrando una edición en masa aplicada a un diseño

Responde preguntas antes de que te las hagan

El agente aporta el contexto que necesitan los desarrolladores: nombres de componentes, tokens de estilo, notas de interacción. Menos mensajes en el chat, menos malentendidos, builds más rápidos.

Panel del agente de IA de Figma mostrando comentarios del equipo sintetizados en un diseñoPanel del agente de IA de Figma mostrando comentarios del equipo sintetizados en un diseño

Alinea a tu equipo en un solo archivo compartido

Las specs, los assets y el contexto de diseño viven junto al propio trabajo. Los desarrolladores ven la última versión, los diseñadores ven lo que se está construyendo: nada se pierde en la exportación ni en la traducción.

Las funciones detrás de mejores entregas

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.

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

    Conecta tu biblioteca de diseño

    El agente hace referencia a tus componentes, tokens y variables reales al generar specs, así que los desarrolladores obtienen documentación precisa, no valores de marcador de posició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

    Prepara varios marcos para la entrega al mismo tiempo. Documenta una sección mientras extraes assets de otra: sin esperas entre tareas.

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

    Hilos compartibles

    Comparte un hilo de entrega y los desarrolladores verán la indicación completa, el contexto y el historial de iteraciones. Las preguntas y respuestas se quedan vinculadas al trabajo.

  • Captura de pantalla mostrando opciones de habilidades del agente de IA de Figma para automatizar flujos de trabajo de diseñoCaptura de pantalla mostrando opciones de habilidades del agente de IA de Figma para automatizar flujos de trabajo de diseño

    Perfecciona con indicaciones adicionales

    ¿Necesitas más detalle sobre un componente? Pregunta en el mismo hilo. El agente recuerda el contexto, así que puedes iterar sin empezar de nuevo.

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

Logo de Notion

Empieza con el agente de Figma

  • Selecciona los marcos que vas a entregar

    Abre tu archivo en Figma Design y selecciona los marcos o componentes que necesitas preparar para el desarrollo.

  • Describe lo que necesitan los desarrolladores

    Indícale al agente qué documentar: specs de espaciado, nombres de componentes, notas de interacción, assets exportables. Sé específico sobre qué contexto importa más.

  • Revisa la documentación

    Comprueba las specs generadas en tu lienzo. Perfecciónalas en el mismo hilo si falta algo, o ejecuta una indicación en paralelo para otro marco.

  • Comparte con tu equipo

    Los desarrolladores acceden al mismo archivo con el contexto completo. Comparte el enlace del hilo para que vean exactamente qué cambió y por qué.

Conviértete en un experto del agente

  • El agente de diseño de Figma ya está aquí

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

    Más información
  • Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?

    Trabaja con el agente de Figma

    Un 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.

    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

FAQ

Un asistente de entrega de diseños con IA automatiza las partes tediosas de preparar diseños para el desarrollo: generar specs, documentar el espaciado y los estilos, y extraer assets. El agente de Figma hace esto directamente en el lienzo, así que todo lo que necesitan los desarrolladores se queda en el mismo archivo donde vive el diseño. No se necesitan herramientas de entrega aparte ni exportaciones.

La IA reduce el trabajo manual de documentar diseños y responder preguntas repetitivas de los desarrolladores. El agente de Figma puede generar redlines, listar specs de componentes y mostrar tokens de diseño automáticamente. Esto significa menos malentendidos, tiempos de respuesta más rápidos y menos tiempo de los diseñadores dedicado a tareas tediosas de documentación.

Busca herramientas que mantengan las specs junto al propio diseño, hagan referencia a tu sistema de diseño real y permitan que los equipos colaboren en un solo lugar. El agente de Figma cumple las tres condiciones: genera documentación usando tus componentes y tokens reales, y todo permanece en el archivo compartido donde trabajan tanto diseñadores como desarrolladores.

Selecciona los marcos que quieras entregar, abre el agente de Figma desde la barra lateral izquierda o pulsa CMD + Intro, y describe qué documentación necesitas. El agente genera specs, extrae assets y documenta el contexto directamente en tu lienzo. Los desarrolladores pueden entonces acceder a todo en el mismo archivo.

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.