How Do I Get a Figma Design into Wix?

Wix has an official Figma-to-Wix route, but it only works on Wix Studio, not the classic Wix Editor, and it imports one frame at a time with several real limits. The Figma to Wix Studio plugin lets you export styles and individual frames from a Figma file and bring them into the Studio Editor as a page, section, container, or stack. It's a first-party Wix product, documented in Wix's own help center - but it isn't a lossless conversion, and Wix is explicit about which elements come through working and which don't.

What is the Figma to Wix Studio plugin, and where does it work?

Wix's help center describes it directly: "Using Figma to design sections and elements? The Wix Studio plugin lets you turn your static designs into a responsive live site, with one streamlined process. You can import entire Figma frames, specific components and sections, or use our wireframes (UI kits)" (Wix Help Center, "Studio Editor: Exporting Your Designs from Figma", checked September 2026).

The important word there is Studio. This plugin is built for the Wix Studio Editor specifically - it isn't available on the classic Wix Editor, which is a separate product with its own editing model. If your site (or the one you're building for a client) isn't on Wix Studio, this route doesn't apply; see our Wix Studio pricing guide for what Studio itself costs and adds over the regular Editor.

How does the import actually work?

The process runs across both apps at once - Wix recommends keeping "Figma and the Studio Editor open, in separate browser tabs" (same source) - and breaks into four steps:

1. Prepare. Upload any custom fonts you're using in Figma to your Wix account first, since "otherwise, system fonts replace the fonts you intended to show." Also check that the Figma frame's width matches the editing size of the destination page - a mismatch means "your design won't be exported in the same ratio" (same source).
2. Install the plugin. Search "Wix Studio" in Figma's Plugins and widgets panel, select Figma to Wix Studio, and sign in to your Wix account from inside the plugin. Separately, open Import from Figma from the Wix Studio Editor's Tools menu on the destination site.
3. Choose what to export from Figma. The plugin lets you export styles (colors and typography, recommended first) and then frames, one at a time.
4. Complete the import in the editor. Back in Wix Studio, review fonts and sizing, then add the imported frame as a Container, Section, Page, or Stack.

What does the plugin actually recognize?

This is where importing a Figma design and getting a working Wix page part ways. Wix's help page lists what the plugin recognizes automatically when you select a frame: pages, sections, stacks, containers, buttons, text, images, GIFs and SVGs (same source). Everything on that list comes in as a working, editable Wix element.

What isn't on that list matters more. Wix states directly: "The plugin does not auto-recognize menus, forms, galleries, videos and input elements. Once you import the frame to the Studio Editor, these specific elements won't be functional. However, you can quickly replace them with the available elements in the editor" (same source). A navigation menu designed in Figma, in other words, comes across as static text or shapes - not a working Wix menu - and the same is true of any form.

Buttons have a specific rule too: they're only recognized as functional buttons "if they have text only (more specifically, a symbol / frame with 1 text element and a fill color)." A button built from an icon or a custom shape isn't picked up as a button at all (same source, FAQ section).

What are the hard limits?

Wix documents several boundaries directly, not as fine print:

• File size. "Make sure your file is smaller than 250kb" for the frame you're exporting (same source).
• One page at a time. Wix's own FAQ answers this plainly: "Can I import multiple pages at once? No. Currently, this option is not supported."
• No automatic app connections. "Do my Figma designs automatically connect to Wix apps (e.g. Wix Stores)? No. You will need to manually install the relevant Wix app(s) on your client's site."
• Frame width must match the destination. If the Figma frame width doesn't match the Wix Studio page's editing size, the import needs manual correction: "click Match Editing Size," or resize and re-export the frame from Figma (same source).

None of this means the plugin is unreliable - it means the plugin's job is to move visual structure and static content accurately, not to reconstruct app-connected functionality on its own.

What happens to responsiveness after import?

Wix ties this to how closely your setup followed step 1: "As long as the desktop Figma frame width matches the editing size on the specific site page, the result will be accurate, and the designs will scale proportionally across breakpoints" (same source). Beyond that automatic scaling, Wix Studio's Responsive AI tool can adjust tablet and mobile breakpoints further, or you can set that behavior manually - neither is required, but Wix explicitly offers Responsive AI as the next step after a raw import, not as something the import applies automatically to every element.

Can I import to an existing site?

Yes - Wix's FAQ confirms this works either way: "Can I import designs from Figma to an existing site? Yes, you can import your Figma designs to an existing site or to a brand new site" (same source). That's useful if you're adding a new page or section to a site that already has working forms, menus, and Wix Stores set up elsewhere - just remember the imported piece itself won't inherit those connections; you wire them up separately in the elements the import created.

What should I actually do before I import?

• Confirm you're on (or moving to) Wix Studio, not the classic Editor - this plugin doesn't run there at all.
• Match your Figma frame's width to the destination page's editing size before exporting, since this one setting decides whether the whole import scales correctly.
• Export styles before frames, so colors and typography exist in Wix Studio before your imported elements need them.
• Plan to manually rebuild anything with real interaction - menus, forms, galleries, video, and input fields all need to be replaced with Wix Studio's native elements after import, not left as the imported static version.
• Keep the file under 250kb per export, and split a large design into multiple frame exports if you hit that ceiling.

Where does Figment fit in?

Figment takes a different route entirely: it publishes a Figma design as a live website directly through its Figma plugin, without a separate import-and-rebuild step into another editor's element system. If what you actually want is Wix's CMS, its app ecosystem (Stores, Bookings, forms that work out of the box), or Wix Studio's team-collaboration tools, the plugin above is the real route in - Figment doesn't replace that. Worth noting, too: Wix's own template system is a separate concept from this import - our guide to how Wix templates work covers the pre-designed starting point Wix itself offers if you'd rather not start a Figma file from scratch.

Bottom line: Getting a Figma design into Wix has one official path - the Figma to Wix Studio plugin - and it works only on Wix Studio, one frame at a time, under a 250kb file size, with menus, forms, galleries, videos, and input elements landing as non-functional placeholders you rebuild by hand afterward. It's a real, documented import, not a marketing claim, but plan the rebuild work into your timeline rather than expecting a finished, connected site the moment the import finishes.