> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Designs aus Figma importieren

> Importieren Sie Figma-Frame-Designs direkt in Kameleoon PBX, um sie als visuelle Eingaben für die Generierung von Experimentvariationen ohne manuelle Codierung zu verwenden.

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.

<Frame>
  ![Figma-Symbol in der PBX-Oberfläche](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/figma-icon.png)
</Frame>

Weitere Informationen zur Navigation in der PBX-Oberfläche finden Sie unter [Ein promptbasiertes Experiment erstellen](./create-a-prompt-based-experiment.md).

## 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.

<Frame>
  ![Figma-Import-Pop-up](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/import.png)
</Frame>

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. Sie können bis zu 10 Figma-Dateien pro Prompt hinzufügen. Alle hinzugefügten Frames werden im Chatbereich angezeigt.

<Frame>
  <img src="https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/figma-multi-attach.png" alt="Mehrere Figma-Frames im PBX-Chatbereich" width="50%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

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.

<Frame>
  <img src="https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/figma%20hover.png" alt="Hovern über einen Figma-Frame in PBX" width="40%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

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

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.