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
Avant et après
À la main
- 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.
Avec Bannx
- 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
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.
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.
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
- Marquer ce qui changeL’import ne crée aucune variable. Transformez les textes et images qui changent en variables à remplir à chaque rendu.
- L’aligner sur la marqueL’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.
- Tous les formats à partir d’un frameLes contraintes et l’auto-layout sont repris : le frame se remet en page en story, en image OG ou en leaderboard.
- Export en masse depuis un tableurImportez 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.
- Un mode sombre sans second frameEnregistrez une version sombre ou compacte du design importé comme variante, au lieu de garder un second frame dans Figma.
- Des images de partage depuis une carte FigmaPlacez 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.
- L’animerAjoutez des images clés dans l’éditeur et rendez le design importé en MP4 ou en GIF, en plus de l’image fixe.
- Le confier à votre agent IAL’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.
Combien ça coûte
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.
Voir toutes les formulesQuestions
Une autre question ? Écrivez à [email protected].
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.
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.
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.
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.
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.
Automatisez les designs que vous avez déjà.
Commencez gratuitement, ou découvrez le fonctionnement de l’import Figma.