Passer au contenu principal
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.
Icône Figma dans l'interface PBX
Pour plus d’informations sur la navigation dans l’interface PBX, consultez Créer une expérience basée sur un prompt.

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.
Pop-up d'import Figma
  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.
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.
Après avoir importé le design, le frame Figma apparaît en haut de la fenêtre de prompt PBX et PBX commence à créer le design sur votre page une fois que vous avez envoyé votre prompt. Cliquez sur l’icône X pour retirer le frame Figma du prompt.

Considérations importantes

Gardez à l’esprit les exigences et limitations suivantes lors de l’utilisation de l’intégration Figma :
  • 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 respecte les limites de débit imposées par Figma, qui varient en fonction du siège de votre plan d’abonnement.