Naviguer jusqu'au contenu principal

Nommez vos calques en un seul prompt

L'agent Figma renomme les calques en désordre dans tout votre fichier – frames, composants, variantes – directement sur le plan de travail. Décrivez ce que vous voulez, et regardez votre fichier devenir lisible en quelques secondes.

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

Enfin, des noms de calques qui ont du sens

Un nommage propre et cohérent aide toute votre équipe à avancer plus vite – et vous n'avez plus besoin de le faire à la main.

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

Éliminez les tâches répétitives, restez concentré

Confiez la tâche fastidieuse de renommer les calques – un par un, frame par frame – et gardez votre attention sur les décisions de design qui comptent vraiment. L'agent s'occupe du nettoyage pour que vous puissiez continuer à construire.

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

Renommez à grande échelle, pas un par un

Sélectionnez un frame, une page ou tout votre fichier, puis décrivez votre convention de nommage. L'agent l'applique de façon cohérente à des centaines de calques, pour que votre fichier reste organisé sans les clics répétitifs.

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

Gardez votre équipe alignée sur la structure

Des noms de calques clairs signifient des transferts plus rapides. Les développeurs trouvent ce dont ils ont besoin, les designers s'appuient sur le travail des autres, et personne ne perd de temps à déchiffrer des noms cryptiques comme « Frame 847 ».

Les fonctionnalités derrière des fichiers plus propres

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

    Décrivez votre convention de nommage

    Indiquez à l'agent comment vous voulez que les calques soient nommés – par fonction, par hiérarchie, par type de composant – et il applique votre logique à l'ensemble de la sélection.

  • 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

    Renommez par lot en un seul prompt

    Sélectionnez plusieurs frames ou une page entière. L'agent renomme tout en une seule fois, pour que vous n'ayez pas à cliquer sur chaque calque un par un.

  • 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

    Affinez avec des prompts de suivi

    Le nommage n'est pas tout à fait ce qu'il vous faut ? Ajustez dans le même fil – « raccourcis ces noms » ou « ajoute le type de composant » – sans tout reprendre à zéro.

  • 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

    Fils partageables

    Partagez un fil et votre équipe voit le prompt complet et la logique de nommage. Tout le monde reste aligné sur la structure du fichier sans avoir besoin d'un guide de style séparé.

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 Notion

Commencez avec l'agent Figma

  • Sélectionnez les calques à renommer

    Ouvrez votre fichier dans Figma Design. Sélectionnez les calques, frames ou composants que vous voulez renommer – ou sélectionnez une page entière.

  • Décrivez votre convention

    Indiquez à l'agent comment nommer les calques. Soyez précis : « nomme par type de composant et par état » ou « utilise le camelCase avec la fonction en premier ».

  • Vérifiez les calques renommés

    Vérifiez les nouveaux noms dans votre panneau de calques. Affinez dans le même fil si quelque chose doit être ajusté.

  • Gardez votre fichier organisé

    Relancez l'agent au fur et à mesure que votre fichier grandit. Un nommage cohérent reste facile à maintenir – un seul prompt, appliqué partout.

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 exemple de prompt de chat : « 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 exemple de prompt de chat : « 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

Un outil de nommage de calques IA renomme automatiquement les calques de votre fichier de design en fonction de leur contenu, de leur fonction, ou d'une convention de nommage que vous décrivez. L'agent Figma fait cela directement sur le plan de travail : sélectionnez vos calques, décrivez comment vous voulez qu'ils soient nommés, et l'agent applique des noms cohérents à l'ensemble de la sélection. Aucun renommage manuel nécessaire.

L'agent Figma analyse les calques que vous avez sélectionnés et applique des noms en fonction de votre prompt. Vous pouvez lui demander de nommer par type de composant, par hiérarchie, ou selon une convention spécifique comme le camelCase. L'agent traite votre sélection et renomme les calques en masse, tout en gardant chaque élément modifiable pour que vous puissiez ajuster à la main si besoin.

Des noms de calques clairs rendent les fichiers plus faciles à parcourir, pour vous comme pour votre équipe. Les développeurs trouvent les bons éléments lors du transfert, les autres designers peuvent s'appuyer sur votre travail sans avoir à deviner, et vous perdez moins de temps à chercher « Rectangle 12 ». Un nommage cohérent aide aussi lorsque vous faites évoluer un design system ou intégrez de nouveaux membres dans l'équipe.

Avec l'agent Figma, vous sélectionnez les calques que vous voulez renommer – qu'il s'agisse de quelques frames ou d'une page entière – puis vous décrivez votre convention de nommage dans un prompt. L'agent renomme tout en une seule fois. Vous pouvez affiner avec des prompts de suivi si le premier passage nécessite un ajustement, tout cela dans le même fil.

L'agent Figma est disponible sur tous les plans payants de Figma. Vous le trouverez dans la barre latérale 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.