> ## 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 on navigating the PBX interface, refer to [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, perform one of the following actions:
   * 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.

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

After you insert a design, the Figma frame appears at the top of the PBX prompting window and PBX uses it as a visual input 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:

* **Authentication:** You must be signed in to your Figma account and authorize Kameleoon to access your design files.
* **Rate limiting:** The Kameleoon Figma integration adheres to the rate limits enforced by Figma, which vary depending on your subscription plan seat.