[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"i18n-products-figma-import-fr":3,"icon-harvest":88},{"tagline":4,"audience":5,"seo":6,"hero":9,"primaryCta":13,"secondaryCta":15,"signedInCta":17,"proofTitle":19,"beforeAfter":20,"stepsTitle":31,"steps":32,"useCasesTitle":42,"useCases":43,"pricing":68,"pricingNote":69,"faqs":70,"closing":85},"Importez un frame Figma sous forme de modèle modifiable.","Designers et équipes portées par le design",{"title":7,"description":8},"Import Figma : vos frames deviennent des modèles modifiables","Collez le lien d’un frame Figma et obtenez un design Bannx modifiable, avec textes, images, vecteurs et auto-layout. Marquez ce qui change et générez-le avec vos données.",{"title":10,"sub":11,"note":12},"Transformez un frame Figma en modèle automatisable.","Importez un frame Figma et Bannx le reconstruit en vrais calques : le texte reste modifiable, l’auto-layout reste de l’auto-layout et les contraintes restent en place. Marquez ce qui change, puis générez chaque version à partir de données.","Inscription ouverte avec 25 rendus gratuits chaque mois. Les modèles s’utilisent gratuitement sans compte",{"label":14},"Commencer gratuitement",{"label":16},"Découvrir l’import Figma",{"label":18},"Ouvrir les projets","frame Figma → formats",{"before":21,"after":26},[22,23,24,25],"Dupliquer le frame pour chaque produit, chaque prix et chaque langue.","Redimensionner chaque copie à la main pour chaque emplacement.","Exporter les fichiers un par un, et tout recommencer quand le texte change.","Refaire le design à la main dans un autre outil avant de pouvoir l’automatiser.",[27,28,29,30],"Un seul frame importé, avec les parties qui changent marquées comme variables.","Les contraintes et l’auto-layout le remettent en page à chaque format rendu.","Jusqu’à 500 versions à partir d’un tableur, un fichier par ligne.","Le frame arrive en calques modifiables : rien n’est redessiné.","Comment ça marche",[33,36,39],{"title":34,"body":35},"Connecter Figma","Sur la page des projets, choisissez « Import », puis « Connect Figma ». Vous vous connectez une seule fois avec votre compte Figma, sans plugin à installer. « Disconnect » annule la connexion à tout moment.",{"title":37,"body":38},"Coller le lien d’un frame","Dans Figma, faites un clic droit sur un frame, un groupe ou un composant et choisissez « Copy link to selection ». Collez-le dans « Import » pour créer un nouveau design, ou utilisez « From Figma » dans le menu des médias de l’éditeur pour l’insérer dans le design ouvert.",{"title":40,"body":41},"En faire un modèle","Marquez le titre, la photo et le prix comme variables et remplacez les couleurs fixes par les valeurs de votre marque. Créez ensuite de nouvelles versions sur la page du modèle, en masse depuis un tableur, ou par API.","Après l’import",[44,47,50,53,56,59,62,65],{"title":45,"body":46},"Marquer ce qui change","L’import ne crée aucune variable. Transformez les textes et images qui changent en variables à remplir à chaque rendu.",{"title":48,"body":49},"L’aligner sur la marque","L’import garde les valeurs de couleur de Figma. Liez-les aux couleurs et aux polices de votre marque : un seul frame sert alors chaque marque.",{"title":51,"body":52},"Tous les formats à partir d’un frame","Les contraintes et l’auto-layout sont repris : le frame se remet en page en story, en image OG ou en leaderboard.",{"title":54,"body":55},"Export en masse depuis un tableur","Importez un CSV et obtenez un fichier par ligne, jusqu’à 500 lignes par génération. Une colonne de taille peut donner à chaque ligne son propre format.",{"title":57,"body":58},"Un mode sombre sans second frame","Enregistrez une version sombre ou compacte du design importé comme variante, au lieu de garder un second frame dans Figma.",{"title":60,"body":61},"Des images de partage depuis une carte Figma","Placez une carte OG importée derrière une URL d’image signée : chaque page obtient sa propre image, sans clé d’API dans le lien.",{"title":63,"body":64},"L’animer","Ajoutez des images clés dans l’éditeur et rendez le design importé en MP4 ou en GIF, en plus de l’image fixe.",{"title":66,"body":67},"Le confier à votre agent IA","L’import se fait dans l’application. Ensuite, le design est un modèle comme les autres : un agent peut le modifier, le remplir et le rendre via MCP.","25 rendus gratuits chaque mois. Starter coûte 15 $US par mois pour 1 000 crédits. Une image coûte 1 crédit, un clip vidéo 5 crédits.","L’import est gratuit. Les rendus d’un design importé coûtent des crédits comme n’importe quel autre rendu.",[71,74,77,80,83],{"q":72,"a":73},"Faut-il un plugin Figma ?","Non. Connectez votre compte Figma une fois et collez un lien. Le lien doit pointer vers un frame, un groupe ou un composant (« Copy link to selection » dans Figma). Un lien de fichier sans sélection est refusé, avec une indication pour copier le bon.",{"q":75,"a":76},"Qu’est-ce qui est importé ?","De vrais calques, pas une capture d’écran aplatie : frames, texte modifiable avec sa police et ses styles par caractère, images, formes vectorielles en SVG, auto-layout avec retour à la ligne, contraintes, remplissages unis et dégradés, contours, rayons d’angle, ombres, flous et les modes de fusion courants. Les images sont copiées dans votre espace de travail. Les Google Fonts se chargent par leur nom ; importez une police sous licence dans vos polices personnalisées, sous le même nom.",{"q":78,"a":79},"Qu’est-ce qui n’est pas importé ?","Les liens de prototype, les propriétés de composant et les variables Figma en tant que tokens (leurs valeurs arrivent, pas le lien). Certains réglages de fusion et de masque sont ignorés. Un composant ou une instance arrive comme un simple frame, le texte justifié est aligné à gauche et un dégradé en losange devient radial. Lors d’une insertion dans un design ouvert, Bannx vous indique combien d’éléments n’ont pas pu être repris à l’identique.",{"q":81,"a":82},"Reste-t-il synchronisé avec Figma ?","Non. Un import est une copie ponctuelle. Importez de nouveau le frame pour récupérer les changements ultérieurs. Cela crée un nouveau design : marquez donc à nouveau ses variables. Rien de ce que vous modifiez dans Bannx n’est réécrit dans le fichier Figma.",{"q":84,"a":68},"Combien ça coûte ?",{"title":86,"sub":87},"Automatisez les designs que vous avez déjà.","Commencez gratuitement, ou découvrez le fonctionnement de l’import Figma.",[89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104],"i-ph:caret-down","i-ph:list","i-ph:file-zip","i-ph:x","i-ph:check","i-ph:arrow-right","i-ph:plus-bold","i-ph:x-logo","i-ph:youtube-logo","i-ph:instagram-logo","i-ph:linkedin-logo","i-tabler:brand-producthunt","i-ph:desktop","i-ph:sun","i-ph:moon","i-ph:translate",1794678122364]