How to export Figma designs to Wix Studio

Learn how to export Figma frames to a Wix Studio website, with the Figma to Wix Studio plugin.

If you design in Figma and want to turn your designs into a Wix Studio website, you can use the Figma to Wix Studio plugin to seamlessly export frames.

Follow the steps outlined in this tutorial to learn how to install the plugin, export your designs and take them further with Wix Studio’s advanced features and functionality.

learn more:

—

Learn more about Wix Studio:
Get started with our Essentials course:
Join the Wix Studio Community:

Follow us on social media:

About Wix Studio:
The end-to-end platform for agencies and enterprises to create and manage exceptional sites with extreme efficiency. Smart design features, flexible dev tools and streamlined management capabilities mean you can do more, at scale.

Subscribe to our channel:

[Emmanuel-a]

Absolutely fantastic! been waiting for months for this, glad it's finally available

[ahumblerequest]

This plugin is better then all the other plugins from framer and Webflow

[cwiggs]

Absolutely fantastic news to start the day with!!!

[kmdesignsolutions]

FANTASTIC! This is such great news! Been waiting for this!

[SooryaNarayananAramana]

Hey wix studio team, could you give a tutorial to make 3d elements and those effects while it scrolls down such as changing its position or state(as seen in webflow and dora. run). This feature is really gonna make wix studio extremely cool.

[StoryJokes.]

All things are great but how to use figma prototype in wix Studio. Please provide a tutorial.
This feature is just 🔥

[upasanasaha]

Why I'm getting a completely different interface. Please help me, I can't find the option on wix

[fielefenio]

gameover for everyone! finally. im excited

[Skypiea]

very good, but in my case when i import my design to wix studio all the content move as a container, so i can do the "stack" like the video shown to make a responsive design more easier.Please give more tutorial to make it responsive from figma.Espesialy how to change container to stack in Wix Studio thank youu

[Peteristrate]

Nice!
What happens when there's a mismatch between an element in Figma that is being imported into WixStudio, meaning that I might create an element-design in Figma that doesn't exist in WixStudio?

[AsenTsolov]

This is Editor X, which I am not using because you cannot access it anymore for bulding new sites. What would the process look like on the current functioning wix editor

[frankiebbasta]

i love you. from now on i'm gonna use wix 🤟💜

[danirv]

Can it also be used to design bookings and store pages?

[Cherri.blossom]

this is greatI tried it but the responsiveness doesn't work like how it needs to. Maybe I'm doing something wrong but Webflow seems to be easier. I have to change practically every detail.

[ruphinahillary]

Why are my fonts not being uploaded to wix even when I import them manually?

[jaisiya_raam]

but how we can do the responsive design then

[djhplaya]

What about figma components that are animated? I was trying to import an animated gradient background into wix studio, but when i import it, the animation was lost and it becomes a regular background. How can i import figma assets while keeping the prototyping that has been done on those assets?

[jeffyjeff]

is there a similar plugin to Adobe XD?

[harshiniporeddy]

why is it not working for me. I am doing exactly same as specified in the video but the six studio is not importing my file and it throws an error.
Please Help.

[KristinaZavarzina-br]

I have a different interface, I can’t find an interface like yours in the video.