Naviguer jusqu'au contenu principal

Générez des icônes d'application directement sur votre canvas

Créez des icônes d'application soignées avec l'IA directement dans Figma Design, à l'aide de vos tokens et styles de design réels. Explorez plusieurs options à la fois, sans aller-retour vers des outils séparés ni besoin de recréer des éléments de toutes pièces.

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

Du premier concept à l'icône finale, la rapidité en plus

L'agent de Figma génère des icônes d'application à partir de votre propre design system, si bien que chaque variation correspond dès le départ à votre marque.

Canvas Figma montrant une mise en page de design générée par IA en cours d'explorationCanvas Figma montrant une mise en page de design générée par IA en cours d'exploration

Explorez davantage, avec une fidélité accrue

Générez simultanément plusieurs options d’icônes à partir de vos composants, couleurs et styles réels. Au lieu de substituts approximatifs que vous devrez retravailler ultérieurement, chaque option s’affiche sur votre canvas sous forme de vecteurs prêts pour la production.

Panneau de l'agent IA de Figma montrant une modification en masse appliquée à un designPanneau de l'agent IA de Figma montrant une modification en masse appliquée à un design

Oubliez les tâches répétitives, restez dans le flux créatif

Évitez la configuration fastidieuse que représente la création manuelle des variantes d’icônes. Décrivez ce dont vous avez besoin, laissez l'agent générer des options et concentrez votre énergie sur les choix créatifs qui permettront à votre icône de se démarquer.

Panneau de l'agent IA de Figma montrant l'intégration des commentaires de l'équipe dans un designPanneau de l'agent IA de Figma montrant l'intégration des commentaires de l'équipe dans un design

Alignez votre équipe, bouclez la boucle

Les icônes s'affichent directement dans le fichier sur lequel travaille votre équipe. Chaque membre peut donc voir les options proposées, les prompts qui les sous-tendent, et poursuivre le travail de design immédiatement à partir de ces éléments. Rien ne se perd lors de l'exportation ou du transfert.

Les fonctionnalités derrière vos icônes

Un regard plus approfondi sur ce qui distingue l'agent Figma, conçu pour le mode de travail des équipes design.

  • Capture d'écran de l'agent IA de Figma connecté à une bibliothèque de composants, appliquant automatiquement des tokens de marque à un designCapture d'écran de l'agent IA de Figma connecté à une bibliothèque de composants, appliquant automatiquement des tokens de marque à un design

    Connexion à votre bibliothèque de designs

    Dirigez l’agent vers votre bibliothèque de designs afin d'employer vos propres tokens de couleur, styles et éléments de marque pour chaque icône, au lieu de valeurs génériques par défaut.

  • Capture d'écran de plusieurs prompts de conception IA simultanés en cours d'exécution dans FigmaCapture d'écran de plusieurs prompts de conception IA simultanés en cours d'exécution dans Figma

    Exécution des prompts en parallèle

    Explorez plusieurs options d'icônes à la fois. Générez simultanément une option audacieuse, une version minimaliste et quelque chose d'inattendu, le tout sur le même canvas.

  • Capture d'écran d'un fil de discussion partagé dans Figma AI avec des commentaires de conceptionCapture d'écran d'un fil de discussion partagé dans Figma AI avec des commentaires de conception

    Fils à partager

    Partagez un fil avec votre équipe, qui pourra ainsi accéder à l’intégralité du prompt, du contexte et de l’historique des itérations. Les parties prenantes comprennent la réflexion derrière chaque option.

  • Capture d'écran des options de skill de l’agent IA de Figma pour automatiser les workflows de designCapture d'écran des options de skill de l’agent IA de Figma pour automatiser les workflows de design

    Skills pour des workflows réutilisables

    Transformez votre workflow de génération d'icônes en un skill réutilisable. Exécutez-le à nouveau pour les nouvelles applications ou transmettez-le à vos coéquipiers d'une simple commande.

Figma semble être une extension naturelle de ma main. Je fais mon idéation de design directement sur le canvas, et maintenant l'agent s'en occupe jusqu'à la dernière ligne droite. Avec mes bibliothèques de designs connectées, je peux passer du design au code plus rapidement que jamais.

Andy Madrick
Designer produit, Notion

Logo Notion

Démarrez avec l'agent Figma

  • Ouvrir l'agent

    Sélectionnez Agents dans le rail latéral gauche ou appuyez sur CMD + Entrée. Ajoutez à votre canvas une frame aux dimensions adaptées à votre plateforme cible.

  • Décrire votre icône

    Indiquez à l'agent ce dont vous avez besoin : objectif de l'application, direction stylistique, éléments de marque. Orientez-le vers votre bibliothèque de designs afin d'y puiser vos tokens réels.

  • Examiner le résultat sur le canvas

    Vérifiez les icônes générées sur votre canvas. Affinez dans le même fil ou commencez un fil parallèle pour explorer une approche différente.

  • Affiner et exporter

    Tous les éléments sont générés sous forme de vecteurs modifiables. Ajustez les détails manuellement ou générez à nouveau un prompt, puis exportez aux tailles nécessaires.

Devenez un expert en agents

  • L'agent Figma Design est disponible

    Découvrez l'agent IA de Figma en action et apprenez à l'intégrer dans vos propres workflows.

    En savoir plus
  • Écran d'introduction du playground de l'agent Figma avec un bouton « Démarrer » et un exemple de prompt de chat : « Hé Figma, peux-tu créer différentes mises en page pour mon application de lecture ? »Écran d'introduction du playground de l'agent Figma avec un bouton « Démarrer » et un exemple de prompt de chat : « Hé Figma, peux-tu créer différentes mises en page pour mon application de lecture ? »

    Explorer l'agent Figma

    Un playground pratique pour découvrir les fonctionnalités de l'agent Figma (des modifications en masse à la prise en compte du feedback), avec des instructions intégrées à chaque étape.

    Démarrer
  • Comment utiliser l'agent Figma dans vos workflows de conception

    Apprenez à utiliser l'agent Figma dans vos workflows de conception grâce à un tutoriel étape par étape proposé par l'équipe Figma.

    Regarder la vidéo

FAQ

Un générateur d'icônes d'application basé sur l'IA crée des icônes d'application à partir de descriptions textuelles, ce qui permet aux designers d'explorer rapidement plusieurs options. L'agent de Figma génère des icônes directement sur votre canvas à partir de votre propre design system (couleurs, styles et éléments de marque) de sorte que chaque option est prête pour la production dès le départ.

Ouvrez l'agent depuis le rail latéral gauche ou appuyez sur CMD + Entrée, puis décrivez l'icône que vous voulez : objectif de l'application, style visuel, éléments de marque. Orientez l'agent vers votre bibliothèque de designs afin d'y puiser vos tokens réels. L'icône est générée sous forme de vecteurs modifiables sur votre canvas, prête à être affinée ou exportée.

L'agent de Figma génère des icônes sous forme de vecteurs entièrement modifiables, vous donnant un contrôle total sur le produit final. Vous pouvez ajuster les dimensions, supprimer les fonds et exporter aux tailles exactes requises pour les boutiques iOS et Android. L’agent vous aide à explorer rapidement différentes options, mais c’est à vous qu’il revient d’apporter les dernières retouches.

iOS exige des icônes de 1024×1024 pixels, tandis qu'Android utilise 512×512 pixels comme format de base. L'agent de Figma génère des icônes sous forme de vecteurs sur votre canvas ; vous pouvez donc les exporter à n'importe quelle résolution sans perte de qualité. Définissez la taille de votre frame avant de lancer un prompt, ou modifiez-en les dimensions après la génération.

L'agent Figma est disponible dans tous les forfaits payants de Figma. Vous le trouverez dans le rail latéral gauche de Figma Design. Dans la version bêta ouverte actuelle, il n'utilise pas de crédits d'IA ; c'est donc le bon moment pour explorer, expérimenter et nous faire part de votre feedback.

Powered by Fruition