Naviguer jusqu'au contenu principal

Générez des footers directement sur votre plan de travail

Créez des footers de site web complets avec navigation, coordonnées et liens sociaux grâce à l'IA—directement dans Figma Design. Vos composants, vos styles, sans repartir de modèles génériques à reconstruire.

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

Concevez des footers plus rapidement, ensemble

Générez des variations de footer qui correspondent à votre marque, explorez des mises en page en parallèle et gardez votre équipe alignée dans le même fichier.

Plan de travail Figma montrant une mise en page générée par IA exploréePlan de travail Figma montrant une mise en page générée par IA explorée

Explorez plus de mises en page en haute fidélité

L'agent Figma génère des options de footer en utilisant vos vrais composants, typographies et tokens de couleur—pas d'UI de remplacement que vous devrez reconstruire. Voyez des variations prêtes pour la production instantanément sur votre plan de travail.

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

Éliminez les tâches répétitives, sans perdre le fil

Évitez l'assemblage fastidieux des liens de navigation, du texte de copyright et des icônes sociales. Décrivez ce dont votre footer a besoin et laissez l'agent s'en occuper, afin que vous puissiez vous concentrer sur les décisions de design importantes.

Panneau de l'agent IA de Figma montrant les retours d'équipe synthétisés dans un designPanneau de l'agent IA de Figma montrant les retours d'équipe synthétisés dans un design

Alignez votre équipe, sans rupture

Les footers générés vivent dans le même fichier que celui sur lequel votre équipe travaille. Tout le monde voit la dernière version, peut commenter directement et s'appuyer dessus immédiatement—rien ne se perd lors de l'export ou du transfert.

Les fonctionnalités derrière les footers

Un aperçu de ce qui distingue l'agent Figma, conçu pour la manière dont les équipes de design travaillent réellement.

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

    Connectez une bibliothèque de design

    Indiquez à l'agent votre système de design afin que chaque footer généré utilise vos vrais composants, tokens d'espacement et couleurs de marque—prêt pour la production.

  • Capture d'écran de plusieurs prompts de design IA simultanés exécutés dans FigmaCapture d'écran de plusieurs prompts de design IA simultanés exécutés dans Figma

    Prompts parallèles

    Générez plusieurs directions de footer à la fois—différentes mises en page, structures de liens ou traitements visuels—et comparez-les côte à côte sur votre plan de travail.

  • Capture d'écran d'un fil de conversation IA partagé de Figma avec des commentaires de designCapture d'écran d'un fil de conversation IA partagé de Figma avec des commentaires de design

    Fils partageables

    Partagez un fil et votre équipe voit le prompt complet, le contexte et l'historique des itérations. Pas besoin de transfert ou d'explication séparée.

  • Capture d'écran montrant les options de compétences de l'agent IA de Figma pour automatiser les workflows de designCapture d'écran montrant les options de compétences de l'agent IA de Figma pour automatiser les workflows de design

    Affinez avec des prompts de suivi

    Le premier résultat n'est pas encore parfait ? Ajustez dans le même fil ou ouvrez-en un parallèle pour essayer une direction différente sans perdre votre progression.

Figma est comme une extension naturelle de ma main. Je développe mes idées de design sur le plan de travail, et maintenant l'agent prend le relais pour la dernière étape. Avec mes bibliothèques de design connectées, je peux passer du design au code plus rapidement que jamais.

Andy Madrick
Product Designer chez Notion

Logo de Notion

Commencez avec l'agent Figma

  • Ouvrez l'agent

    Sélectionnez Agents dans la barre latérale gauche ou appuyez sur CMD + Enter. Ajoutez une frame à votre plan de travail où vous souhaitez que le footer apparaisse.

  • Décrivez votre footer

    Dites à l'agent ce qu'il doit inclure—liens de navigation, informations de contact, icônes sociales, texte légal. Indiquez votre bibliothèque de design pour qu'il utilise vos vrais composants.

  • Passez en revue sur le plan de travail

    Vérifiez le footer généré. Le résultat ne convient pas encore ? Affinez dans le même fil ou commencez-en un parallèle pour explorer une direction de mise en page différente.

  • Continuez à itérer

    Faites de nouveaux prompts jusqu'à ce que le footer soit parfait, puis peaufinez à la main si nécessaire. Tout reste entièrement modifiable sur votre plan de travail.

Devenez un expert de l'agent

  • L'agent de design Figma est là

    Regardez l'agent IA de Figma en action et voyez comment l'utiliser dans vos propres workflows.

    En savoir plus
  • Écran d'introduction du terrain de jeu de l'agent Figma avec un bouton 'Commencer' et un prompt de chat exemple : 'Hey Figma, peux-tu créer différentes mises en page pour mon application de lecture ?Écran d'introduction du terrain de jeu de l'agent Figma avec un bouton 'Commencer' et un prompt de chat exemple : 'Hey Figma, peux-tu créer différentes mises en page pour mon application de lecture ?

    Travaillez avec l'agent Figma

    Un terrain de jeu pratique pour explorer les capacités de l'agent Figma— de l'édition en masse à la mise en œuvre des retours — avec des instructions étape par étape intégrées.

    Commencer
  • Comment utiliser l'agent Figma dans vos workflows de design

    Apprenez à utiliser l'agent Figma dans vos workflows de design avec un tutoriel étape par étape de l'équipe Figma.

    Regarder la vidéo

FAQ

L'agent Figma est disponible sur tous les plans payants de Figma. Vous le trouverez dans la barre de navigation gauche de Figma Design. Pendant la bêta ouverte actuelle, il ne consomme pas de crédits IA—c'est donc le bon moment pour explorer, expérimenter et partager vos retours avec nous.