Designs aus Figma importieren - Kameleoon Documentation

Sie können Figma-Designs direkt in Kameleoon importieren, um sie in promptbasierten Experimenten zu verwenden. Diese Figma-zu-Prompt-Integration ermöglicht es Ihnen, Ihre Figma-Frames in funktionale Website-Elemente umzuwandeln, ohne manuell zu codieren. Sie können mehrere Figma-Frames in einem einzigen Prompt referenzieren, und PBX generiert Variationen, die das Layout und den Abstand jedes Frames pixelgenau wiedergeben, einschließlich Design-Assets wie Bilder, Symbole und eingebettete Medien.

Auf die Figma-Integration zugreifen

Das Figma-Symbol erscheint im Prompt-Bereich der PBX-Oberfläche. Sie finden es rechts neben dem +-Symbol, das Sie für Skizzen- oder Mockup-Importe verwenden.

Weitere Informationen zur Navigation in der PBX-Oberfläche finden Sie unter Ein promptbasiertes Experiment erstellen.

Ihr Figma-Konto verknüpfen

Wenn Sie Kameleoon zum ersten Mal mit Figma verknüpfen, müssen Sie den Zugriff autorisieren.

Klicken Sie auf das Figma-Symbol im Prompt-Bereich oder fügen Sie Ihren Figma-Link in den Prompt-Bereich ein.
Klicken Sie im Pop-up auf Sign in to Figma.
Klicken Sie im neuen Tab, der sich öffnet, auf Allow access, um die App „PBX by Kameleoon” zu autorisieren.

Ein Design importieren

Um ein Design zu importieren, verwenden Sie einen Link zu dem spezifischen Figma-Knoten, den PBX als Eingabe verwenden soll.

Klicken Sie in Figma mit der rechten Maustaste auf den Frame, den Sie importieren möchten.
Wählen Sie Copy as > Copy link to selection.
Führen Sie in der Kameleoon PBX-Oberfläche eine der folgenden Aktionen aus:
- Fügen Sie den Figma-Link direkt in den Prompt-Bereich ein.
- Klicken Sie auf das Figma-Symbol, fügen Sie den Link in das Pop-up Import from Figma ein und klicken Sie auf Import design.

Um mehrere Frames in demselben Prompt einzufügen, wiederholen Sie diesen Vorgang für jeden weiteren Frame. Sie können bis zu 10 Figma-Dateien pro Prompt hinzufügen. Alle hinzugefügten Frames werden im Chatbereich angezeigt.

Sie können über jeden hinzugefügten Frame hovern, um eine Vorschau anzuzeigen, Informationen zur Datei einzusehen oder auf In neuem Tab öffnen zu klicken, um die Datei in Figma zu öffnen.

PBX benötigt einen Link zu einem bestimmten Figma-Knoten (z. B. einem Frame) und nicht eine allgemeine Datei-URL.

PBX verwendet alle eingefügten Frames als visuelle Eingaben, sobald Sie Ihren Prompt absenden. Klicken Sie auf das X-Symbol, um einen Frame aus dem Prompt zu entfernen.

Wichtige Hinweise

Beachten Sie die folgenden Anforderungen und Einschränkungen bei der Verwendung der Figma-Integration:

Dateilimit: Sie können maximal 10 Figma-Dateien pro Prompt hinzufügen.
Authentifizierung: Sie müssen bei Ihrem Figma-Konto angemeldet sein und Kameleoon den Zugriff auf Ihre Design-Dateien autorisieren.
Ratenbegrenzung: Die Kameleoon-Figma-Integration folgt den Ratengrenzen von Figma, die je nach Abonnement-Plan variieren.