Figma und Code Integration

Fügen Sie den ersten Schritt hinzu

Fügen Sie den ersten Knoten hinzu – einen Trigger, der das Szenario startet, wenn er das erforderliche Ereignis empfängt. Trigger können geplant werden, aufgerufen werden durch Figma, ausgelöst durch ein anderes Szenario oder manuell ausgeführt (zu Testzwecken). In den meisten Fällen Figma or Code ist Ihr erster Schritt. Klicken Sie dazu auf "App auswählen", finden Sie Figma or Codeund wählen Sie den entsprechenden Auslöser aus, um das Szenario zu starten.

Fügen Sie Figma Knoten

Wähle aus Figma Knoten aus dem App-Auswahlfeld auf der rechten Seite.

Konfigurieren Sie die Figma

Klicken Sie auf Figma Knoten, um ihn zu konfigurieren. Sie können den Figma URL und wählen Sie zwischen DEV- und PROD-Versionen. Sie können es auch zur Verwendung in weiteren Automatisierungen kopieren.

Fügen Sie Code Knoten

Klicken Sie anschließend auf das Plus-Symbol (+) auf der Figma Knoten, auswählen Code aus der Liste der verfügbaren Apps und wählen Sie die gewünschte Aktion aus der Liste der Knoten innerhalb Code.

Authentifizieren Code

Klicken Sie nun auf Code und wählen Sie die Verbindungsoption. Dies kann eine OAuth2-Verbindung oder ein API-Schlüssel sein, den Sie in Ihrem Code Einstellungen. Die Authentifizierung ermöglicht Ihnen die Nutzung Code durch Latenode.

Konfigurieren Sie die Figma und Code Nodes

Konfigurieren Sie als Nächstes die Knoten, indem Sie die erforderlichen Parameter entsprechend Ihrer Logik eingeben. Mit einem roten Sternchen (*) gekennzeichnete Felder sind Pflichtfelder.

Richten Sie das ein Figma und Code Integration

Verwenden Sie verschiedene Latenode-Knoten, um Daten zu transformieren und Ihre Integration zu verbessern:

• Verzweigung: Erstellen Sie mehrere Verzweigungen innerhalb des Szenarios, um komplexe Logik zu verarbeiten.
• Zusammenführen: Kombinieren Sie verschiedene Knotenzweige zu einem und leiten Sie Daten durch ihn weiter.
• Plug-and-Play-Knoten: Verwenden Sie Knoten, die keine Kontoanmeldeinformationen erfordern.
• Fragen Sie die KI: Verwenden Sie die GPT-gestützte Option, um jedem Knoten KI-Funktionen hinzuzufügen.
• Warten: Legen Sie Wartezeiten fest, entweder für bestimmte Zeiträume oder bis zu bestimmten Terminen.
• Unterszenarien (Knoten): Erstellen Sie Unterszenarien, die in einem einzigen Knoten gekapselt sind.
• Iteration: Verarbeiten Sie Datenarrays bei Bedarf.
• Code: Schreiben Sie benutzerdefinierten Code oder bitten Sie unseren KI-Assistenten, dies für Sie zu tun.

Speichern und Aktivieren des Szenarios

Nach der Konfiguration Figma, Codeund alle zusätzlichen Knoten, vergessen Sie nicht, das Szenario zu speichern und auf „Bereitstellen“ zu klicken. Durch die Aktivierung des Szenarios wird sichergestellt, dass es automatisch ausgeführt wird, wenn der Triggerknoten eine Eingabe empfängt oder eine Bedingung erfüllt ist. Standardmäßig sind alle neu erstellten Szenarien deaktiviert.

Testen Sie das Szenario

Führen Sie das Szenario aus, indem Sie auf „Einmal ausführen“ klicken und ein Ereignis auslösen, um zu prüfen, ob das Figma und Code Integration funktioniert wie erwartet. Abhängig von Ihrem Setup sollten Daten zwischen Figma und Code (oder umgekehrt). Beheben Sie das Szenario ganz einfach, indem Sie den Ausführungsverlauf überprüfen, um etwaige Probleme zu identifizieren und zu beheben.