Ressources · Intégration Zapier

Intégration Figma ZapierAutomatiser Figma avec Zapier.

L'intégration Figma Zapier compte 7 déclencheurs, 9 actions et 3 recherches. Deux déclencheurs réagissent tout de suite, les cinq autres attendent le prochain passage de Zapier. Ce que fait chacun, ce qu'il coûte et là où il coince, avant d'ouvrir l'éditeur.

Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth

Aperçu

À quoi sert vraiment l'intégration Figma Zapier

Figma, c'est l'outil de design collaboratif où ton équipe dessine interfaces, maquettes et visuels. Zapier, c'est le relais : il repère ce qui se passe dans un fichier Figma (un commentaire, une version, un nouveau fichier dans un projet) et en fait quelque chose, dans Figma ou dans un autre outil, sans que tu aies à copier-coller.

Trois usages couvrent l'essentiel. Des retours qui ne se perdent plus : New Comment récupère chaque remarque laissée sur un fichier, et React to Comment pose un emoji dessus pour signaler à l'auteur que c'est pris en compte. Un historique des versions tenu à jour : New File Version part à chaque nouvelle version d'un fichier, et Search File Version va chercher son détail complet pour l'archiver ailleurs. Une passation aux développeurs qui suit le rythme : Create Image exporte en image les cadres choisis d'un fichier, et Create Dev Resource accroche un lien nommé à un nœud précis du fichier.

Ce que Zapier ne fait pas compte autant. Il ne dessine rien, ne déplace rien, ne change aucun style sur ta planche : toutes les actions portent sur les commentaires, les images, les variables, les ressources développeur ou les infos d'un fichier. Plusieurs opérations portent aussi une restriction entre parenthèses dans leur nom : Paid Accounts Only, Requires Dev Seat, Enterprise Only. Elle vise très probablement ton offre ou ton siège Figma ; Zapier n'en dit pas plus, donc vérifie ton compte Figma avant de bâtir dessus.

Tu compares les outils ? La même app est traitée sur nos pages Intégration Figma n8n et Intégration Figma Make, avec la même méthode.

Vocabulaire

Le vocabulaire Zapier en une minute

Sept mots, chacun expliqué simplement. Ensuite, la page les emploie tels quels.

Zap
L'automatisation que tu construis : un déclencheur, puis une ou plusieurs actions qui tournent à chaque fois que l'événement se produit.
Déclencheur
L'événement dans Figma qui lance le Zap, par exemple un nouveau commentaire. Une fois le Zap allumé, Zapier l'attend.
Action
Ce que fait le Zap une fois lancé : l'étape qui écrit, publie ou crée quelque chose pour toi, dans Figma ou ailleurs.
Tâche
Ce que Zapier facture : une action menée à bien par ton Zap. Le quota de ton plan compte ça, et rien d'autre.
Interrogation ou instantané
Par interrogation, Zapier va demander les nouveautés à intervalle fixe. En instantané, c'est l'app qui le prévient dès que ça arrive.
Filtre
Une étape qui laisse passer le Zap seulement si ce qui arrive remplit ta condition, et l'arrête sans bruit sinon.
Étape de recherche
Une étape qui va retrouver un élément déjà présent dans une app, pour que les étapes suivantes puissent s'en servir.
Coût

Ce que te coûte vraiment un Zap Figma

Le déclencheur ne coûte rien. Surveiller Figma non plus, quelle que soit la fréquence des passages de Zapier. Seule une action réussie compte comme une tâche.

  • Déclencheur et surveillanceAucune tâche
  • Chaque action réussieUne tâche
  • Plan gratuit100 tâches par mois, Zaps à deux étapes
  • App réservée aux plans payantsNon, dispo sur Free

Dans un Zap à plusieurs actions, chaque action réussie est comptée à part : trois actions, trois tâches par passage. Une action en échec n'est pas décomptée. Le plan gratuit donne 100 tâches par mois et des Zaps de deux étapes seulement, un déclencheur et une action. Un filtre ou une étape de recherche rend le Zap multi-étapes, donc payant. Figma ne fait pas partie des apps que Zapier réserve aux plans payants : elle marche dès le plan gratuit. Pour un regard plus large sur l'outil, lis notre avis Zapier.

Connexion

Connecter ton compte Figma à Zapier

  1. 01

    Ouvre tes connexions

    Dans Zapier, va sur la page Apps et clique sur + Add connection. Une fenêtre s'ouvre : tape Figma et sélectionne-la. Il te faut un compte Figma, et un accès aux fichiers ou projets d'autres personnes que le Zap doit toucher.

  2. 02

    Identifie-toi sur Figma

    Clique sur Add connection. Un nouvel onglet affiche la page de connexion de Figma. Utilise le compte dont le Zap doit lire ou modifier les fichiers : chaque étape agira en son nom, pas au nom d'un collègue.

  3. 03

    Autorise l'accès

    Figma te demande d'ouvrir ton compte à Zapier. Accepte, l'onglet se ferme. La connexion apparaît sur ta page Apps et toutes les étapes Figma de tous tes Zaps la réutilisent : tu ne le fais qu'une fois.

Premier Zap

Ton premier Zap Figma, pas à pas

ObjectifDès qu'un commentaire marqué urgent arrive sur un fichier, le Zap y réagit pour que son auteur sache qu'il a été vu.

  1. 01

    Crée le Zap

    Lance un nouveau Zap, choisis Figma puis New Comment comme déclencheur. Sélectionne ta connexion Figma et colle la File Key du fichier à surveiller.

  2. 02

    Teste le déclencheur

    Lance le test. Zapier ramène les trois commentaires les plus récents de ce fichier. Prends-en un avec un vrai texte : tu t'en serviras pour relier les champs ensuite.

  3. 03

    Ajoute le filtre

    Avec l'icône plus, ajoute un Filter. Choisis le champ du texte, la règle « contient » et tape urgent. Cette étape rend le Zap multi-étapes : il lui faut un plan payant.

  4. 04

    Ajoute la réaction

    Ajoute l'action React to Comment. Relie la File Key et l'identifiant du commentaire venus du déclencheur, puis tape un code d'emoji comme :heart: dans le champ Emoji.

  5. 05

    Teste, puis publie

    Lance le test de l'action et vérifie que la réaction apparaît dans Figma. Clique ensuite sur Publish : le Zap tourne et réagit aux nouveaux commentaires urgents à partir de maintenant.

Déclencheurs

Les déclencheurs Figma : ce qui lance ton Zap

7 événements démarrent un Zap quand quelque chose se passe dans Figma, et 2 d'entre eux sont instantanés : l'app prévient Zapier tout de suite, quel que soit ton plan.

1

File Updated (Paid Accounts Only)

Déclencheur instantané

Dans Zapier“Triggers when a file is updated (within 30 minutes of editing inactivity in a file).”

Lance le Zap quand un fichier a été modifié, mais seulement une fois que l'équipe a fait une pause dans ses retouches. Tu surveilles une équipe, un projet ou un fichier, et tu peux même lister plusieurs identifiants de fichiers séparés par des virgules.

Comment il se déclenche
l'app prévient Zapier dès que ça se passe, le Zap part tout de suite, quel que soit ton plan.
Quand l'utiliser
tu veux envoyer une demande de relecture quand une séance de travail se termine, pas à chaque clic.
Attention
« tout de suite » démarre après cette pause d'édition (voir plus bas), et son nom le marque Paid Accounts Only.
2

New Comment

Déclencheur par interrogation

Dans Zapier“Triggers when a new comment is created in a Figma file.”

Récupère chaque nouveau commentaire posé sur un fichier Figma et le passe aux étapes suivantes, pour qu'elles l'envoient à la bonne personne. Tu désignes le fichier par sa File Key.

Comment il se déclenche
Zapier va voir à intervalle régulier, et cet intervalle dépend de ton plan : toutes les 15 minutes sur le gratuit.
Quand l'utiliser
la version instantanée, marquée Paid Accounts Only, ne t'est pas ouverte et tu veux quand même rassembler les retours clients là où l'équipe lit ses messages.
Attention
si le Zap publie lui-même des commentaires sur ce fichier, il relira ses propres messages et tournera en boucle.
3

New Comment (Paid Accounts Only)

Déclencheur instantané

Dans Zapier“Triggers when a new comment is created in a Figma file.”

Le jumeau rapide du précédent : même événement, un nouveau commentaire, mais c'est Figma qui le pousse vers Zapier. Grâce à son réglage de contexte, il peut couvrir toute une équipe ou tout un projet, pas un seul fichier.

Comment il se déclenche
l'app prévient Zapier dès que ça se passe, le Zap part tout de suite, quel que soit ton plan.
Quand l'utiliser
un client attend une réponse rapide, et le minuteur d'un déclencheur par interrogation sur le plan gratuit de Zapier est trop lent.
Attention
Context n'accepte que team, project ou file, et Context ID doit être l'identifiant de cette même équipe, de ce projet ou de ce fichier.
4

New Dev Resource (Requires Dev Seat)

Déclencheur par interrogation

Dans Zapier“Triggers when a new dev resource is added to the Figma file.”

Part quand quelqu'un accroche une ressource développeur à un fichier, c'est-à-dire un lien nommé posé sur un nœud précis du fichier, à l'intention des développeurs.

Comment il se déclenche
Zapier va voir à intervalle régulier, et cet intervalle dépend de ton plan : toutes les 15 minutes sur le gratuit.
Quand l'utiliser
ton responsable technique veut garder la trace de chaque lien ajouté pendant la passation, dans un tableur ou un outil de suivi hors de Figma.
Attention
son nom indique Requires Dev Seat, très probablement un siège Figma : vérifie le tien avant de compter dessus.
5

New Project File

Déclencheur par interrogation

Dans Zapier“Triggers when a new file is added to a project.”

Repère l'arrivée d'un nouveau fichier dans le projet de ton choix. C'est le point de départ logique de tout rituel de lancement sur un nouveau chantier de design.

Comment il se déclenche
Zapier va voir à intervalle régulier, et cet intervalle dépend de ton plan : toutes les 15 minutes sur le gratuit.
Quand l'utiliser
chaque fichier créé dans un projet client doit ouvrir une fiche dans ton outil de gestion, pour que le brief développeur ne passe pas à la trappe.
Attention
la liste des projets ne se charge qu'avec un jeton d'accès personnel sur la connexion, et il te faut l'identifiant d'équipe.
6

New File Version

Déclencheur par interrogation

Dans Zapier“Triggers when a new file version is created.”

Capte chaque nouvelle version enregistrée dans l'historique d'un fichier. Tu peux suivre plusieurs fichiers d'un coup en tapant leurs File Keys séparées par des virgules.

Comment il se déclenche
Zapier va voir à intervalle régulier, et cet intervalle dépend de ton plan : toutes les 15 minutes sur le gratuit.
Quand l'utiliser
les chefs de produit veulent un journal des nouvelles versions tenu hors de Figma, sans ouvrir le fichier.
Attention
son champ ID est exactement ce qu'attend Search File Version : relie-le plutôt que de le recopier.
7

New Variable (Enterprise Only)

Déclencheur par interrogation

Dans Zapier“Triggers when a new variable is found in a file (local or published).”

Détecte l'apparition d'une variable dans un fichier, créée sur place ou publiée depuis une bibliothèque. Les variables, ce sont les valeurs stockées (couleurs, espacements, textes) qu'un design system réutilise partout.

Comment il se déclenche
Zapier va voir à intervalle régulier, et cet intervalle dépend de ton plan : toutes les 15 minutes sur le gratuit.
Quand l'utiliser
l'équipe du design system veut prévenir les développeurs de chaque nouvelle valeur pour qu'ils suivent côté code.
Attention
son nom indique Enterprise Only, très probablement l'offre Figma : vérifie la tienne avant de bâtir dessus.
Actions

Les actions Figma : ce que ton Zap peut faire

Figma te donne 9 actions. Pour chacune : ce qu'elle fait pour toi, le moment où tu la choisis, et ce qu'il faut surveiller.

1

Create Comment

Action

Dans Zapier“Creates a new comment in a Figma file.”

Publie un commentaire sur un fichier Figma, avec le message que tu écris ou que tu récupères d'une étape précédente. Les designers le lisent dans leur panneau habituel.

Quand l'utiliser
un ticket change de statut dans ton outil de suivi et le designer doit l'apprendre là où il travaille.
Attention
ne l'associe jamais à un déclencheur de commentaire sur le même fichier.
2

Create Dev Resource (Requires Dev Seat)

Action

Dans Zapier“Creates a new dev resource in a Figma file.”

Accroche un lien nommé à un calque précis d'un fichier, là où les développeurs vont le chercher. Il demande une URL, un nom et l'identifiant du nœud.

Quand l'utiliser
un ticket ouvert pour un écran doit apparaître sous forme de lien directement sur cet écran.
Attention
comme son déclencheur jumeau, son nom indique Requires Dev Seat.
3

Create Image

Action

Dans Zapier“Creates a new image from a Figma file.”

Exporte en image des morceaux choisis d'un fichier, à partir d'une liste d'identifiants de nœuds (un nœud, c'est un cadre ou un calque). Les étapes suivantes peuvent ensuite envoyer ou ranger ces images.

Quand l'utiliser
chaque nouvelle version doit déposer un aperçu des écrans clés dans le canal du client.
Attention
la liste des identifiants de nœuds est obligatoire : prépare-la avant de construire.
4

Create Variable (Enterprise Only)

Action

Dans Zapier“Creates a new variable in a Figma file.”

Ajoute une variable dans un fichier, au sein de la collection désignée par son identifiant, avec un type qui dit quelle sorte de valeur elle porte. Tu peux aussi la masquer à la publication.

Quand l'utiliser
les valeurs définies par l'équipe marque dans un tableur doivent arriver dans le fichier sans ressaisie.
Attention
son nom indique Enterprise Only, et il lui faut l'identifiant d'une collection de variables existante.
5

Delete Comment

Action

Dans Zapier“Deletes a comment in a Figma file.”

Efface un commentaire d'un fichier à partir de son identifiant. Pratique pour nettoyer les messages qu'un Zap a laissés et qui n'ont plus lieu d'être.

Quand l'utiliser
un rappel automatique doit s'effacer dès que la relecture correspondante est validée ailleurs.
Attention
il lui faut l'identifiant du commentaire : teste-le sur un fichier jetable avant de viser de vraies discussions.
6

Delete Comment Reaction

Action

Dans Zapier“Deletes your own comment reaction in a Figma file.”

Retire une réaction d'un commentaire, à condition qu'elle ait été posée par le compte connecté. Il lui faut l'identifiant du commentaire et le même code d'emoji.

Quand l'utiliser
un emoji « en cours » doit disparaître quand la tâche liée au commentaire est bouclée.
Attention
les réactions de tes collègues restent en place, quoi que tu relies.
7

React to Comment

Action

Dans Zapier“Reacts to a comment in a Figma file.”

Ajoute une réaction emoji à un commentaire existant : une façon discrète de signaler une prise en charge sans alourdir la discussion.

Quand l'utiliser
un bug signalé en commentaire vient d'être copié dans ton outil de tickets et tu veux que ça se voie dans Figma.
Attention
l'emoji s'écrit en code entre deux-points, comme :heart:, pas en image.
8

Update Variable (Enterprise Only)

Action

Dans Zapier“Updates an existing variable in a Figma file.”

Modifie une variable existante, retrouvée par son identifiant, y compris son statut masqué ou non à la publication.

Quand l'utiliser
une couleur de marque change dans ta source de référence et le fichier de design doit suivre sans retouche manuelle.
Attention
l'identifiant de la variable est obligatoire : relie-le depuis une étape précédente plutôt que de le taper.
9

API Request (Beta)

Action

Dans Zapier“This is an advanced action which makes a raw HTTP request that includes this integration's authentication.”

Une étape avancée qui envoie ta propre requête à Figma en réutilisant la connexion déjà en place, pour les cas qu'aucune action toute prête ne couvre.

Quand l'utiliser
un collègue à l'aise avec la documentation de Figma a besoin d'un appel précis absent de la liste.
Attention
elle ne vise que les adresses de Figma, et son réglage Stop on error décide si un échec arrête le Zap.
Recherches

Les recherches Figma : retrouver ce qui existe déjà

3 étapes de recherche vont chercher une donnée qui existe déjà dans Figma, pour qu'une étape suivante s'en serve.

Les recherches se trouvent en bas de la liste des actions, sous leur propre titre SEARCH. Chacune va chercher une info qu'aucune étape précédente n'a transportée. Figma ne propose aucune variante « trouver ou créer » : si rien n'est trouvé, rien n'est créé.

1

Search File

Recherche

Dans Zapier“Searches for a file by key.”

Retrouve un fichier à partir de sa File Key et transmet ce qu'elle a trouvé aux étapes suivantes.

Quand l'utiliser
ton déclencheur vient d'un autre outil et ne porte qu'un lien Figma, alors que l'étape suivante a besoin du fichier lui-même.
Attention
colle la clé, pas le lien entier.
2

Search File Meta

Recherche

Dans Zapier“Searches for a file by key and returns metadata.”

Renvoie les métadonnées d'un fichier désigné par sa clé, quand tu veux l'étiqueter ou le trier.

Quand l'utiliser
un récapitulatif envoyé au client doit lister les fichiers avec leurs infos, pas leur contenu.
Attention
elle prend la même File Key que Search File, donc une faute de frappe casse les deux.
3

Search File Version

Recherche

Dans Zapier“Searches for a file version by ID and returns its full metadata.”

Retrouve une version précise d'un fichier et renvoie tout son détail. L'identifiant attendu colle la clé du fichier et celui de la version, séparés par deux-points.

Quand l'utiliser
juste après New File Version, pour enrichir l'entrée du journal avant de la classer.
Attention
relie le champ ID de ce déclencheur au lieu de l'assembler toi-même.

Les trois réglages que toute recherche expose

  1. Successful if no search results are found?
    Par défaut, une recherche qui ne trouve rien arrête le Zap et saute les étapes qui en dépendaient. Activé, le Zap continue les mains vides.
  2. Create X if it doesn't exist yet?
    Cette case transforme une recherche en « trouver ou créer » sur les apps qui le permettent. Aucune recherche Figma ne le propose.
  3. If multiple search results are found?
    Trois sorties quand plusieurs éléments correspondent : garder le premier (par défaut), arrêter le Zap, ou tous les transmettre d'un coup.
Quand ça casse

Quand un Zap Figma coince

Six situations à connaître avant de confier un travail à un Zap Figma.

Zapier rattache un seul article d'aide à Figma, son guide de démarrage. Le reste vient du fonctionnement général des déclencheurs et de ce qu'annoncent les noms des opérations. Lis-les avant de publier, et garde notre page Dépannage Zapier pour le jour où un passage vire au rouge.

  • Les anciens commentaires sont ignorés

    Un Zap ne réagit qu'à ce qui arrive après sa publication. Les commentaires déjà présents et les versions déjà enregistrées restent où ils sont ; rapatrier cet historique est un autre chantier.
  • Un Zap qui se répond à lui-même

    Un Zap qui surveille les commentaires d'un fichier et en publie sur ce même fichier se relance sans fin, et vide ton quota de tâches à toute vitesse.
  • File Updated semble en retard

    Sa description officielle dit qu'il part dans les 30 minutes d'inactivité d'édition du fichier. Un designer qui continue de travailler le repousse : rien n'est cassé.
  • Une étape payante sur un compte gratuit

    Les opérations marquées Paid Accounts Only, Requires Dev Seat ou Enterprise Only demandent très probablement cette offre ou ce siège côté Figma. Vérifie le tien avant de bâtir un Zap dessus.
  • Une File Key ou un identifiant d'équipe faux

    La plupart des étapes partent d'une File Key copiée depuis l'adresse du fichier, et New Project File veut aussi l'identifiant d'équipe. Les deux sont obligatoires : une valeur fausse et l'étape perd sa cible.
  • Un afflux soudain d'éléments

    Après un import massif, un déclencheur qui renvoie un énorme lot d'un coup peut être retenu par la protection anti-afflux de Zapier.
Besoin d'aide

Besoin d'aide pour automatiser Figma avec Zapier ?

Une personne lit chaque message.

FAQ

Intégration Figma Zapier : les questions qu'on se pose

01L'intégration Figma Zapier est-elle gratuite ?
Oui, Figma ne fait pas partie des apps que Zapier réserve aux plans payants : tu peux la connecter dès le plan gratuit. Ce plan donne 100 tâches par mois et des Zaps de deux étapes seulement, un déclencheur et une action. Dès que tu ajoutes un filtre, une recherche ou une deuxième action, le Zap devient multi-étapes et passe sur un plan payant. À part ça, certaines opérations portent Paid Accounts Only, Requires Dev Seat ou Enterprise Only dans leur nom, ce qui renvoie très probablement à ton offre ou à ton siège Figma. Vérifie les deux côtés avant de construire.
02Combien de tâches consomme un Zap Figma ?
Une tâche par action réussie, à chaque passage, et rien pour le déclencheur. Les vérifications de Zapier sur Figma sont gratuites elles aussi, quelle que soit leur fréquence. Un Zap qui réagit à chaque nouveau commentaire coûte donc une tâche par commentaire. S'il envoie aussi un message dans un autre outil, ça fait deux. Une étape en échec n'est pas comptée. Avec 100 tâches par mois sur le gratuit, un fichier très commenté les épuise vite : sur un plan payant, un filtre limite la casse.
03Figma déclenche-t-il les Zaps en temps réel ?
Deux déclencheurs sur sept, oui : File Updated et New Comment (Paid Accounts Only). Figma prévient Zapier directement, donc le Zap part aussitôt, quel que soit ton plan Zapier. File Updated part toutefois, selon sa description officielle, dans les 30 minutes d'inactivité d'édition du fichier. Les cinq autres fonctionnent par interrogation : Zapier passe à un intervalle fixé par ton plan, 15 minutes sur Free, 2 sur Professional, 1 sur Team et Enterprise. Un Zap bâti sur un déclencheur instantané affiche un éclair dans l'éditeur.
04Que faut-il pour connecter Figma à Zapier ?
Un compte Figma, et l'accès aux fichiers ou projets que le Zap doit lire ou modifier s'ils ne t'appartiennent pas. La connexion se fait depuis la page Apps de Zapier : tu ajoutes une connexion, tu choisis Figma, tu t'identifies dans l'onglet qui s'ouvre et tu autorises l'accès. Garde aussi un fichier ouvert dans ton navigateur, car la plupart des étapes demandent sa File Key, visible dans la barre d'adresse. Le déclencheur New Project File réclame en plus l'identifiant d'équipe et un jeton d'accès personnel.
05Pourquoi un Zap de commentaires Figma tourne-t-il en boucle ?
Parce qu'il relit très probablement ce qu'il écrit. Si un Zap démarre sur un nouveau commentaire dans un fichier et qu'une de ses actions crée un commentaire dans ce même fichier, chaque passage provoque le suivant. Zapier prévient que ce genre de boucle dévore les tâches. Deux sorties possibles : publier la réponse ailleurs, ou utiliser React to Comment au lieu de Create Comment, qui n'ajoute aucun commentaire au fichier et ne relance donc rien.
06Et si l'action Figma dont tu as besoin n'existe pas ?
L'action API Request (Beta) sert précisément à ça. Elle envoie à Figma la requête de ton choix en réutilisant la connexion déjà en place, sans nouvelle identification à gérer. Elle ne peut viser que des adresses de Figma, et son réglage Stop on error décide si un appel raté arrête le Zap ou le laisse continuer. Il faut en revanche lire la documentation de Figma pour construire la requête : c'est un outil pour quelqu'un à l'aise avec ce genre de lecture.
07Zapier, Make ou n8n pour Figma ?
Pas de gagnant désigné, des critères. Côté Zapier, Figma expose 19 opérations : 7 déclencheurs, dont deux instantanés, 9 actions et 3 recherches, et Zapier ne la réserve pas aux plans payants, donc un Zap Figma à deux étapes tourne sur le plan gratuit. Mets cette liste en face des opérations Figma proposées par les deux autres outils, repère celles dont ton cas a vraiment besoin, et tiens compte de l'outil que ton équipe maîtrise déjà. Celui qui couvre exactement ton événement et ton action est le bon pour ce travail.