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

# Importer des designs depuis Figma

> Importez les designs de frames Figma directement dans Kameleoon PBX pour les utiliser comme entrées visuelles pour générer des variations d'expériences sans codage manuel.

Vous pouvez importer des designs Figma directement dans Kameleoon pour les utiliser dans des expériences basées sur des prompts. Cette intégration **Figma vers prompt** vous permet de transformer vos frames Figma en éléments fonctionnels de site web sans codage manuel. Vous pouvez référencer plusieurs frames Figma dans un seul prompt, et PBX génère des variations qui correspondent parfaitement à la mise en page et à l'espacement de chaque frame, y compris les assets de design tels que les images, les icônes et les médias intégrés.

## Accéder à l'intégration Figma

L'icône Figma apparaît dans la zone de prompt de l'interface PBX. Vous pouvez la trouver à droite de l'icône **+**, que vous utilisez pour les imports de croquis ou de maquettes.

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

Pour plus d'informations sur la navigation dans l'interface PBX, consultez [Créer une expérience basée sur un prompt](./create-a-prompt-based-experiment.md).

## Lier votre compte Figma

La première fois que vous liez Kameleoon à Figma, vous devez autoriser l'accès.

1. Cliquez sur l'icône **Figma** dans la zone de prompt ou collez votre lien Figma dans la zone de prompt.
2. Dans la pop-up, cliquez sur **Sign in to Figma**.
3. Dans le nouvel onglet qui s'ouvre, cliquez sur **Allow access** pour autoriser l'application « PBX by Kameleoon ».

## Importer un design

Pour importer un design, utilisez un lien vers le nœud Figma spécifique que vous souhaitez que PBX utilise comme entrée.

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

1. Dans Figma, faites un clic droit sur le frame que vous souhaitez importer.
2. Sélectionnez **Copy as** > **Copy link to selection**.
3. Dans l'interface PBX de Kameleoon, effectuez l'une des actions suivantes :
   * Collez le lien Figma directement dans la zone de prompt.
   * Cliquez sur l'icône **Figma**, collez le lien dans la pop-up **Import from Figma** et cliquez sur **Import design**.

Pour inclure plusieurs frames dans le même prompt, répétez ce processus pour chaque frame supplémentaire. Vous pouvez ajouter jusqu'à 10 fichiers Figma par prompt. Toutes les frames ajoutées apparaissent dans la zone de chat.

<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="Plusieurs frames Figma dans la zone de chat PBX" width="50%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

Vous pouvez survoler n'importe quelle frame ajoutée pour afficher un aperçu, consulter des informations sur le fichier ou cliquer sur **Ouvrir dans un nouvel onglet** pour l'ouvrir dans 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="Survol d'une frame Figma dans PBX" width="40%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

<Tip>
  PBX nécessite un lien vers un nœud Figma spécifique (tel qu'un frame) plutôt qu'une URL de fichier générale.
</Tip>

PBX utilise toutes les frames insérées comme entrées visuelles une fois que vous avez envoyé votre prompt. Cliquez sur l'icône **X** pour retirer une frame du prompt.

## Considérations importantes

Gardez à l'esprit les exigences et limitations suivantes lors de l'utilisation de l'intégration Figma :

* **Limite de fichiers :** Vous pouvez ajouter un maximum de 10 fichiers Figma par prompt.
* **Authentification :** Vous devez être connecté à votre compte Figma et autoriser Kameleoon à accéder à vos fichiers de design.
* **Limitation de débit :** L'intégration Figma de Kameleoon suit les limites de débit de Figma, qui varient selon votre plan d'abonnement.