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

# Import designs from Figma

> Import Figma frame designs directly into Kameleoon PBX to use as visual inputs for generating experiment variations without manual coding.

You can import Figma designs directly into Kameleoon to use in prompt-based experiments. This **Figma-to-prompt** integration lets you transform your Figma frames into functional website elements without manual coding. You can reference multiple Figma frames in a single prompt, and PBX generates variations that match each frame's layout and spacing pixel-perfectly, including design assets such as images, icons, and embedded media.

## Access the Figma integration

The Figma icon appears in the prompt area of the PBX interface. You can find it to the right of the **+** icon, which you use for sketch or mockup imports.

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

For more information about navigating the PBX interface, see [Create a prompt-based experiment](./create-a-prompt-based-experiment.md).

## Link your Figma account

The first time you link Kameleoon to Figma, you must authorize access.

1. Click the **Figma** icon in the prompt area or paste your Figma link into the prompt area.
2. In the pop-up, click **Sign in to Figma**.
3. In the new tab that opens, click **Allow access** to authorize the "PBX by Kameleoon" app.

## Insert a design in the prompt

To insert a design into your prompt, use a link to the specific Figma node you want PBX to use as an input.

<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. In Figma, right-click the frame you want to import.
2. Select **Copy as** > **Copy link to selection**.
3. In the Kameleoon PBX interface, do one of the following:
   * Paste the Figma link directly into the prompt area.
   * Click the **Figma** icon, paste the link into the **Figma** pop-up, and click **Insert design**.

To include multiple frames in the same prompt, repeat this process for each additional frame. You can add up to 10 Figma files per prompt. All added frames appear in the chatbox.

<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="Multiple Figma frames in the PBX chatbox" width="50%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

You can hover over any added frame to see a preview, view information about the file, or click **Open in new tab** to open it in Figma.

<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="Hovering over a Figma frame in PBX" width="40%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

<Tip>
  PBX requires a link to a specific Figma node (such as a frame) rather than a general file URL.
</Tip>

PBX uses all inserted frames as visual inputs once you send your prompt. Click the **X** icon to remove a frame from the prompt.

## Important considerations

Keep the following requirements and limitations in mind when using the Figma integration:

* **File limit:** You can add a maximum of 10 Figma files per prompt.
* **Authentication:** You must be signed in to your Figma account and authorize Kameleoon to access your design files.
* **Rate limiting:** The Kameleoon Figma integration follows Figma's rate limits, which vary by subscription plan.