Figma et Webflow Intégration :

Ajouter la première étape

Ajoutez le premier nœud – un déclencheur qui lancera le scénario lorsqu’il recevra l’événement requis. Les déclencheurs peuvent être planifiés, appelés par un Figma, déclenché par un autre scénario ou exécuté manuellement (à des fins de test). Dans la plupart des cas, Figma or Webflow sera votre première étape. Pour ce faire, cliquez sur « Choisir une application », recherchez Figma or Webflowet sélectionnez le déclencheur approprié pour démarrer le scénario.

Ajoutez le Figma Nœud

Sélectionnez le Figma nœud du panneau de sélection d'application sur la droite.

Configurer le Figma

Cliquez sur le Figma nœud pour le configurer. Vous pouvez modifier le Figma URL et choisissez entre les versions DEV et PROD. Vous pouvez également le copier pour l'utiliser dans d'autres automatisations.

Ajoutez le Webflow Nœud

Ensuite, cliquez sur l'icône plus (+) sur le Figma noeud, sélectionnez Webflow dans la liste des applications disponibles et choisissez l'action dont vous avez besoin dans la liste des nœuds dans Webflow.

Authentifier Webflow

Maintenant, cliquez sur le Webflow nœud et sélectionnez l'option de connexion. Il peut s'agir d'une connexion OAuth2 ou d'une clé API, que vous pouvez obtenir dans votre Webflow paramètres. L'authentification vous permet d'utiliser Webflow via Latenode.

Configurer le Figma et Webflow Nodes

Ensuite, configurez les nœuds en renseignant les paramètres requis selon votre logique. Les champs marqués d'un astérisque rouge (*) sont obligatoires.

Configurer le Figma et Webflow Intégration :

Utilisez différents nœuds Latenode pour transformer les données et améliorer votre intégration :

• Branchement : Créez plusieurs branches dans le scénario pour gérer une logique complexe.
• Fusion: Combinez différentes branches de nœuds en une seule, en transmettant des données à travers elle.
• Nœuds Plug n Play : Utilisez des nœuds qui ne nécessitent pas d’informations d’identification de compte.
• Demandez à l'IA : utilisez l'option optimisée par GPT pour ajouter des fonctionnalités d'IA à n'importe quel nœud.
• Attendre : définissez des temps d'attente, soit pour des intervalles, soit jusqu'à des dates spécifiques.
• Sous-scénarios (Nodules) : Créez des sous-scénarios encapsulés dans un seul nœud.
• Itération : Traiter des tableaux de données lorsque cela est nécessaire.
• Code : écrivez du code personnalisé ou demandez à notre assistant IA de le faire pour vous.

Enregistrer et activer le scénario

Après la configuration Figma, Webflow, ainsi que tous les nœuds supplémentaires, n'oubliez pas d'enregistrer le scénario et de cliquer sur « Déployer ». L'activation du scénario garantit qu'il s'exécutera automatiquement chaque fois que le nœud déclencheur recevra une entrée ou qu'une condition sera remplie. Par défaut, tous les scénarios nouvellement créés sont désactivés.

Tester le scénario

Exécutez le scénario en cliquant sur « Exécuter une fois » et en déclenchant un événement pour vérifier si le Figma et Webflow l'intégration fonctionne comme prévu. Selon votre configuration, les données doivent circuler entre Figma et Webflow (ou vice versa). Résolvez facilement les problèmes du scénario en examinant l'historique d'exécution pour identifier et résoudre les problèmes éventuels.