Figma to Wix : importer une maquette Figma dans Wix Studio (2026)

Le plugin officiel Figma to Wix Studio permet de transformer une maquette Figma en pages Wix Studio : sections, textes, images, couleurs et typographies sont importés automatiquement. Il reste ensuite à finaliser le responsive, les menus, les formulaires et le SEO dans l’éditeur.

En bref : oui, on peut passer de Figma à Wix sans tout refaire. Installez le plugin gratuit Figma to Wix Studio, exportez d'abord vos styles, puis vos frames, et terminez l'import dans Wix Studio. L'import ne fonctionne qu'avec Wix Studio (pas l'éditeur Wix classique), page par page, et il ne se synchronise pas si vous modifiez la maquette ensuite.

Peut-on importer une maquette Figma dans Wix Studio ?

Oui. Le principe est simple :

1. créer la maquette dans Figma

2. installer le plugin

3. importer les styles et les frames

4. finaliser le site dans Wix Studio

Wix Studio permet d’importer une maquette Figma et de récupérer automatiquement plusieurs éléments :

• images

• textes

• boutons

• conteneurs

• sections

• couleurs

• typographies

  
  

L’import permet donc de recréer rapidement la structure du design dans Wix Studio.

Certains éléments interactifs devront ensuite être ajustés dans l’éditeur, mais la base du site est déjà créée.

Les étapes pour passer de Figma à Wix Studio

Comment importer une maquette Figma dans Wix Studio ?

Étape 1 : Préparer la maquette Figma

Avant l’import, la maquette doit être proprement structurée.

Idéalement :

• créer une frame par section ou par page

• organiser les éléments clairement

• utiliser des styles pour les couleurs et les typographies

• prévoir une version mobile si possible

Une maquette bien organisée facilite l’import dans Wix Studio.

Quelques règles officielles évitent les mauvaises surprises : les frames en auto layout deviennent des piles (stacks) dans Wix Studio, les frames imbriquées de plus de 1001 px de large peuvent devenir des sections, et les SVG doivent peser moins de 250 Ko. Importez aussi vos polices personnalisées dans Wix avant l'export.

Étape 2 : Installer le plugin Figma to Wix Studio

Dans Figma :

1. ouvrez votre fichier

2. appuyez sur Ctrl + K (Cmd + K sur Mac)

3. recherchez Figma to Wix Studio parmi les plugins

4. lancez le plugin

5. connectez-vous à votre compte Wix

Ce plugin officiel permet d’exporter les designs vers Wix Studio.

Étape 3 : Importer les styles

Avant d’exporter les pages, il est recommandé d’importer les styles de design.

Le plugin détecte automatiquement :

• les couleurs

• les typographies

• les styles de texte

Ces styles seront ensuite disponibles dans Wix Studio.

Étape 4 : Exporter les frames Figma

Ensuite, il faut exporter les frames de la maquette.

Synchronisez d'abord les largeurs d'écran entre la maquette et le site. La zone de travail ordinateur de Wix Studio est de 1280 px par défaut : si votre maquette fait 1440 px de large, changez cette largeur dans Wix Studio avant l'import.

Dans le plugin :

1. sélectionner une frame

2. cliquer sur Export Frame

3. lancer l’export

Le plugin analyse les éléments et les transforme en composants Wix Studio.

Étape 5 : Importer la maquette dans Wix Studio

Dans Wix Studio :

1. ouvrir votre site dans l’éditeur

2. accéder à Import from Figma

3. connecter votre fichier Figma

4. importer les frames

Chaque frame peut être importée comme :

• une page

• une section

• un container

La structure du design apparaît directement dans l’éditeur.

Si une police manque, l'outil d'import vous propose de l'ajouter avant de placer le design sur le site. Chaque frame peut aussi être importée comme une pile (stack).

Étape 6 : Vérifier et finaliser le site dans Wix Studio

Après l’import, il faut vérifier le site avant la mise en ligne.

Responsive

• vérifier l’affichage tablette et mobile

• ajuster les conteneurs ou stacks si nécessaire

  
  

Paramétrage des éléments

• remplacer certains éléments par les composants Wix Studio (menus, formulaires…)

• vérifier les boutons et les liens

• Aller dans le tableau de bord > paramètrage pour vérifier les informations du site, le favicon, etc.

  
  

SEO

• ajouter les Title et Meta description

• vérifier les balises H1 / H2

• ajouter les alt text des images

  
  

Test utilisateurs et mise en ligne

• tester les pages

• vérifier les liens

• publier le site

Cette dernière étape permet de transformer la maquette importée en site web fonctionnel.

Ce que l’import Figma vers Wix Studio fait (et ne fait pas)

Les éléments interactifs doivent être ajoutés ensuite dans Wix Studio.

Exemple concret : de la maquette Figma au site en ligne

Un designer crée dans Figma :

• une homepage

• une page service

• une page contact

  
  

Ensuite :

1. il exporte les styles

2. il exporte les frames

3. il importe les pages dans Wix Studio

4. il finalise le responsive et les fonctionnalités, vérifie le référencement et paramètre le site Wix studio.

   
   

Le design devient alors un site web prêt à être publié.

Mon avis de webdesigner sur l’import Figma vers Wix Studio

L’import Figma fait gagner beaucoup de temps sur la structure et les styles, surtout si la maquette est propre (frames par section, styles de couleurs et de textes). Mais ce n’est qu’un point de départ : le responsive, les menus, les formulaires et le SEO se finalisent toujours dans Wix Studio. Prévoyez ce temps dans votre planning.

Un point souvent oublié : le plugin reproduit l'apparence, pas la structure SEO. Après l'import, reprenez la hiérarchie des balises Hn (un seul H1, des H2 logiques) et allégez les images exportées, sinon le site sera joli mais lent et mal compris par Google.

Vous avez une maquette Figma à transformer en site Wix Studio ? En tant qu’agence Wix, je m’occupe de l’intégration, du responsive et du référencement. Vous pouvez aussi faire appel à moi comme webdesigner freelance pour créer la maquette de A à Z.

Questions fréquentes sur Figma to Wix Studio

Peut-on importer directement un fichier Figma dans Wix ?

Oui, mais uniquement dans Wix Studio, pas dans l’éditeur Wix classique.

Le plugin Figma to Wix Studio est-il gratuit ?

Oui. Le plugin officiel est gratuit et disponible dans Figma.

L’import crée-t-il un site complet automatiquement ?

Non. Le plugin importe le design et la structure, mais certaines fonctionnalités (menus, formulaires, contenus dynamiques) doivent être ajoutées ensuite dans Wix Studio.

Peut-on exporter un site Wix vers Figma ?

Non. L'outil fonctionne dans un seul sens, de Figma vers Wix Studio. Il n'existe pas d'export officiel de Wix Studio vers Figma.

Peut-on importer plusieurs pages d'un coup ?

Non, l'import se fait une page à la fois. Pour un site de plusieurs pages, importez les styles une fois, puis chaque page l'une après l'autre.

À lire aussi dans le glossaire

• Wix Studio : l’éditeur professionnel où arrive votre maquette

• Responsive Wix : adapter le site importé à la tablette et au mobile

• Collection CMS : rendre les contenus importés faciles à modifier

• Page dynamique : transformer une frame en modèle de page CMS

• Alternatives à Wix : comparer Wix Studio avec Framer ou Webflow

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Sources : Wix : exporter vos designs depuis Figma, plugin Figma to Wix Studio.