Saltar hasta el contenido principal

Genera iconos de aplicaciones directamente en tu lienzo

Crea iconos de aplicaciones pulidos con IA directamente en Figma Design, utilizando tokens y estilos de diseño reales. Explora varias direcciones a la vez, sin tener que ir de un lado a otro para separar las herramientas o reconstruirlas desde cero.

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

Desde el primer concepto hasta el icono final, más rápido

El agente de Figma genera iconos de aplicaciones utilizando tu sistema de diseño real, para que cada variación se ajuste a tu marca desde el principio.

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

Explora más, con mayor nivel de detalle

Genera múltiples direcciones de iconos simultáneamente utilizando tus componentes, colores y estilos reales. Cada opción aterriza en tu lienzo en forma de vector listo para producción, no como marcador aproximado que tengas que reconstruir más tarde.

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

Olvídate de las tareas repetitivas, mantén la fluidez

Omite la tediosa configuración de crear variaciones de icono manualmente. Describe lo que necesitas, deja que el agente genere elecciones y centra tu energía en las decisiones creativas que hacen que tu icono destaque.

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

Alinea a tu equipo y cierra el ciclo

Los iconos se generan en el mismo archivo en el que trabaja tu equipo. Todo el mundo verá las opciones, las indicaciones, y podrá desarrollar el trabajo de inmediato. Nada se perderá al exportar o transferir.

Las características detrás de tus iconos

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 icono use tus tokens de color, estilos y elementos de marca reales, no predeterminados genéricos.

  • 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 indicadores en paralelo

    Explora múltiples direcciones de iconos a la vez. Genera una opción atrevida, una minimalista y algo inesperado, todo simultáneamente en el mismo lienzo.

  • 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. Las partes interesadas comprenderán el pensamiento detrás de cada dirección.

  • 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

    Habilidades para flujos de trabajo repetibles

    Convierte tu flujo de trabajo de generación de iconos en una habilidad reutilizable. Ejecútalo de nuevo para nuevas aplicaciones o pásaselo a tus compañeros de equipo con un solo comando.

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

  • Abrir el agente

    Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Intro. Añade un marco a tu lienzo del tamaño de tu plataforma objetivo.

  • Describe tu icono

    Dile al agente lo que necesitas: propósito de la aplicación, dirección de estilo, elementos de la marca. Dirígelo a tu biblioteca de diseño para que use tus componentes reales.

  • Revisar en el lienzo

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

  • Refinar y exportar

    Todo se genera como vectores editables. Ajusta los detalles a mano o vuelve a la indicación, luego exporta en los tamaños que necesites.

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 iconos de aplicaciones con IA crea iconos de aplicaciones a partir de descripciones de texto, lo que ayuda a los diseñadores a explorar rápidamente múltiples direcciones. El agente de Figma genera iconos directamente en tu lienzo de diseño usando tu sistema de diseño actual: colores, estilos y elementos de marca, por lo que cada opción está lista para producción desde el principio.

Abre el agente desde la barra lateral izquierda o pulsa CMD + Enter, luego describe el icono que deseas: propósito de la aplicación, estilo visual, elementos de la marca. Dirige al agente a tu biblioteca de diseño para que use tus tokens reales. El icono se genera como vectores editables en tu lienzo, listos para refinar o exportar.

El agente de Figma genera iconos como vectores totalmente editables, dándote control total sobre el resultado final. Puedes ajustar las dimensiones, eliminar el fondo y exportar en los tamaños exactos requeridos para las tiendas de iOS y Android. El agente te ayudará a explorar direcciones rápidamente, pero tú serás quien realice el refinamiento final.

iOS requiere iconos de 1024×1024 píxeles, mientras que Android utiliza 512×512 píxeles como base. El agente de Figma genera iconos como vectores en tu lienzo, por lo que puedes exportar a cualquier resolución sin perder calidad. Establece el tamaño de tu marco antes de generar, o redimensionar después de la generación.

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