Skip to main content
Vous pouvez importer des designs Figma directement dans PBX Build 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 ».

​
Insérer un design dans le prompt

Pour insérer un design dans votre prompt, 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 Figma et cliquez sur Insert 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.
Plusieurs frames Figma dans la zone de chat PBX
Vous pouvez survoler n’importe quelle frame ajoutée pour afficher un aperçu, consulter des informations sur le fichier ou cliquer sur Open in new tab pour l’ouvrir dans Figma.
Survol d'une frame Figma dans PBX
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.
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.