Saltar al contenido principal

Genera íconos de apps directamente en tu lienzo

Crea íconos de apps con un acabado impecable gracias a la IA, directamente en Figma Design, usando tus propios tokens y estilos de diseño. Explora varias opciones a la vez, sin tener que cambiar de herramientas ni volver a empezar desde cero.

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

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

El agente de Figma genera íconos de apps usando tu propio sistema de diseño, para que cada variación se adapte a tu marca desde el principio.

Lienzo de Figma que muestra una disposición generada por IA que se está probandoLienzo de Figma que muestra una disposición generada por IA que se está probando

Explora más, con mayor nivel de detalle

Genera distintas versiones de íconos al mismo tiempo usando tus componentes, colores y estilos reales. Cada opción se refleja en tu lienzo como vectores listos para producción, no como marcadores de posición básicos que tendrás que volver a crear más adelante.

Panel del agente de Figma AI que muestra una edición masiva aplicada en todo un diseñoPanel del agente de Figma AI que muestra una edición masiva aplicada en todo un diseño

Elimina las tareas repetitivas y mantén el ritmo

Olvídate de la tediosa tarea de crear variaciones de íconos a mano. Describe lo que necesitas, deja que el agente genere opciones y centra tu energía en las decisiones creativas que harán que tu ícono se destaque.

Panel del agente Figma AI que muestra cómo se sintetizan los feedback del equipo en un diseñoPanel del agente Figma AI que muestra cómo se sintetizan los feedback del equipo en un diseño

Mantén a tu equipo alineado y cierra el ciclo

Los íconos se generan en el mismo archivo en el que trabaja tu equipo. Todos ven las opciones, las indicaciones que hay detrás de ellas y pueden seguir trabajando en el proyecto de inmediato. Nada se pierde en la exportación o entrega.

Las funciones que hay detrás de tus íconos

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 y 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 y aplicando automáticamente los tokens de marca a un diseño

    Conecta tu biblioteca de diseño

    Indica al agente dónde está tu biblioteca de diseño para que cada ícono use tus propios tokens de color, estilos y elementos de marca, en lugar de los valores predeterminados genéricos.

  • 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

    Ejecutar indicaciones en paralelo

    Explora varias direcciones de íconos al mismo tiempo. Crea una opción llamativa, otra minimalista y algo inesperado: todo al mismo tiempo, todo 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 que se pueden compartir

    Comparte un hilo y tu equipo verá la indicación completa, el contexto y el historial de iteraciones. Las partes interesadas entienden el razonamiento detrás de cada decisión.

  • 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

    Habilidades para flujos de trabajo repetibles

    Convierte tu flujo de trabajo de generación de íconos en una habilidad que puedes reutilizar. Ejecútala de nuevo para nuevas apps o compártela con tus compañeros de equipo con un solo comando.

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 a tu lienzo del tamaño de tu plataforma de destino.

  • Describe tu ícono

    Dile al agente lo que necesitas: para qué sirve la app, el estilo que buscas y los elementos de marca. Indícale dónde está tu biblioteca de diseño para que use tus tokens reales.

  • Revisa en el lienzo

    Verifica los íconos generadas en tu lienzo. Perfecciónalo en el mismo hilo o abre otro en paralelo para explorar una alternativa diferente.

  • Perfecciona y exporta

    Todo se genera como vectores editables. Ajusta los detalles a mano o vuelve a dar indicaciones, y luego exporta en los tamaños que necesites.

Conviértete en un experto en agentes

  • Te presentamos al agente de Figma Design

    Mira el agente de IA de Figma en acción y descubre cómo incorporarlo a 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 interactiva para explorar las capacidades del agente de Figma, desde ediciones masivas hasta la implementación de feedback, con una guía paso a paso integrada.

    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 el video ahora

Preguntas frecuentes

Un generador de íconos de apps con IA crea íconos a partir de descripciones de texto, lo que ayuda a los diseñadores a explorar varias opciones rápidamente. El agente de Figma genera íconos directamente en tu lienzo de diseño usando tu propio sistema de diseño, colores, estilos y elementos de marca, para que cada opción esté lista para producción desde el principio.

Abre el agente desde la barra lateral izquierda o presiona CMD + Intro, y luego describe el ícono que quieres: para qué sirve la app, el estilo visual y los elementos de marca. Indícale al agente dónde está tu biblioteca de diseño para que use tus tokens reales. El ícono se genera como vectores editables en tu lienzo, listos para que los perfecciones o exportes.

El agente de Figma genera íconos como vectores totalmente editables para que tengas control total sobre el resultado final. Puedes ajustar las dimensiones, eliminar fondos y exportar en los tamaños exactos que se requieren para las tiendas de iOS y Android. El agente te ayuda a explorar diferentes opciones rápidamente, pero tú eres quien decide el estilo final..

iOS utiliza íconos de 1024×1024 píxeles, mientras que Android usa 512×512 píxeles como tamaño base. El agente de Figma genera los íconos como vectores en tu lienzo, así que puedes exportarlos en cualquier resolución sin perder calidad. Configura el tamaño del marco antes de dar la indicación o cambia el tamaño después de la generació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