Skip to main content
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.
Figma icon in PBX interface
For more information about navigating the PBX interface, see Create a prompt-based experiment. 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.
Figma import pop-up
  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.
Multiple Figma frames in the PBX chatbox
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.
Hovering over a Figma frame in PBX
PBX requires a link to a specific Figma node (such as a frame) rather than a general file URL.
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.