Zum Hauptinhalt springen
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.
Figma-Symbol in der PBX-Oberfläche
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.
  1. Klicken Sie auf das Figma-Symbol im Prompt-Bereich oder fügen Sie Ihren Figma-Link in den Prompt-Bereich ein.
  2. Klicken Sie im Pop-up auf Sign in to Figma.
  3. 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.
Figma-Import-Pop-up
  1. Klicken Sie in Figma mit der rechten Maustaste auf den Frame, den Sie importieren möchten.
  2. Wählen Sie Copy as > Copy link to selection.
  3. 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.
PBX benötigt einen Link zu einem bestimmten Figma-Knoten (z. B. einem Frame) und nicht eine allgemeine Datei-URL.
Nach dem Import des Designs erscheint der Figma-Frame oben im PBX-Prompt-Fenster, und PBX beginnt mit der Erstellung des Designs auf Ihrer Seite, sobald Sie Ihren Prompt absenden. Klicken Sie auf das X-Symbol, um den Figma-Frame aus dem Prompt zu entfernen.

​
Wichtige Hinweise

Beachten Sie die folgenden Anforderungen und Einschränkungen bei der Verwendung der Figma-Integration:
  • Authentifizierung: Sie müssen bei Ihrem Figma-Konto angemeldet sein und Kameleoon den Zugriff auf Ihre Design-Dateien autorisieren.
  • Ratenbegrenzung: Die Kameleoon-Figma-Integration hält sich an die von Figma durchgesetzten Ratengrenzen, die je nach Ihrem Abonnement-Plan-Sitz variieren.