Naviguer jusqu'au contenu principal

Générez des tableaux de tarification directement sur votre plan de travail

Dites à l'agent Figma les niveaux tarifaires dont vous avez besoin, et il crée un tableau de tarification en utilisant vos composants et styles réels – directement dans Figma Design. Aucun modèle à personnaliser, aucun outil séparé à gérer.

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

Concevez des pages tarifaires plus rapidement, ensemble

De l'exploration initiale au transfert final, des tableaux de tarification qui utilisent vos tokens réels et restent synchronisés avec votre équipe.

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 des mises en page en plus haute fidélité

L'agent Figma génère des tableaux de tarification en utilisant vos composants, couleurs et styles de texte réels – pas des blocs génériques que vous devrez reconstruire. Explorez des mises en page à trois niveaux, de comparaison de fonctionnalités et à bascule, tout cela en un seul prompt.

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

Réduisez les tâches fastidieuses, restez concentré

Évitez la configuration manuelle des colonnes, des lignes de fonctionnalités et du style des badges. Décrivez vos niveaux et laissez l'agent structurer la base, pour que vous puissiez vous concentrer sur le positionnement et les décisions tarifaires qui comptent.

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 rien perdre en cours de route

Chaque tableau arrive dans votre fichier partagé, prêt à recevoir des retours. Les parties prenantes voient le design réel – pas une capture d'écran – et les développeurs peuvent inspecter les tokens immédiatement. Rien ne se perd à l'export.

Les fonctionnalités derrière les tableaux

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 votre bibliothèque de design

    Indiquez à l'agent votre bibliothèque, et il récupère vos styles de boutons, tokens de couleur et espacements – pour que chaque tableau corresponde à votre système dès le départ.

  • 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 en parallèle

    Lancez plusieurs prompts à la fois pour explorer des mises en page horizontales, des cartes verticales et des grilles de comparaison de fonctionnalités – sans attendre qu'un prompt se termine avant de lancer le suivant.

  • 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 les itérations derrière le tableau. Aucun transfert par capture d'écran, aucune logique perdue.

  • 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

    Transformez vos workflows en compétences

    Regroupez vos meilleurs prompts de tableaux de tarification dans des commandes réutilisables que votre équipe peut exécuter chaque fois qu'une nouvelle page a besoin d'un tableau.

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

  • Ouvrez l'agent

    Sélectionnez Agents dans la barre latérale gauche, ou appuyez sur CMD + Entrée. Ajoutez un frame sur votre plan de travail pour y travailler.

  • Décrivez vos niveaux tarifaires

    Indiquez à l'agent le nombre de niveaux dont vous avez besoin, les fonctionnalités à mettre en avant, et pointez-le vers votre bibliothèque de design pour qu'il utilise vos composants réels.

  • Passez en revue sur le plan de travail

    Vérifiez le tableau généré. Affinez dans le même fil ou lancez-en un parallèle pour explorer une autre direction de mise en page.

  • Continuez à itérer

    Envoyez un nouveau prompt pour ajuster les lignes de fonctionnalités, les états de bascule ou les styles de mise en avant – ou affinez à la main. Tout reste modifiable.

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 générateur de tableau de tarification IA utilise des prompts en langage naturel pour créer des mises en page tarifaires structurées – colonnes, lignes de fonctionnalités, badges et CTA – sans configuration manuelle. L'agent Figma crée les tableaux directement sur votre plan de travail en utilisant vos composants et styles existants, pour que vous démarriez d'une base soignée plutôt que d'un frame vide.

Ouvrez l'agent Figma depuis la barre latérale gauche ou appuyez sur CMD + Entrée. Décrivez les niveaux dont vous avez besoin, les fonctionnalités à inclure, et le style de mise en page que vous recherchez. L'agent génère un tableau de tarification entièrement modifiable sur votre plan de travail en utilisant votre bibliothèque de design, prêt à être affiné ou transféré.

Les tableaux de tarification efficaces différencient clairement les niveaux, mettent en avant l'option la plus populaire, listent les fonctionnalités de manière lisible, et utilisent des CTA cohérents. L'agent Figma peut structurer tous ces éléments avec vos boutons, couleurs et styles de texte réels – pour que vous vous concentriez sur le contenu et le positionnement plutôt que sur la mécanique de mise en page.

Oui. Chaque tableau généré par l'agent arrive sur votre plan de travail sous forme de calques entièrement modifiables, liés à votre design system. Vous pouvez ajuster l'espacement, remplacer des composants, réécrire le texte, ou relancer un prompt pour itérer – rien n'est aplati ni verrouillé.

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.