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.
For more information on navigating the PBX interface, refer to Create a prompt-based experiment.
Link your Figma account
The first time you link Kameleoon to Figma, you must authorize access.
- Click the Figma icon in the prompt area or paste your Figma link into the prompt area.
- In the pop-up, click Sign in to Figma.
- 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.
- In Figma, right-click the frame you want to import.
- Select Copy as > Copy link to selection.
- 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.
PBX requires a link to a specific Figma node (such as a frame) rather than a general file URL.
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.
