Skip to main content

Figma > Vev plugin

Export your Figma design to Vev directly from Figma

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

The Vev plugin for Figma lets you quickly turn your designs into live websites—no coding needed. Here's how to use it:

Install and Run the Plugin

  • Go to the Figma Community.

  • Search for "Vev" and click on "Try it out."

  • It will open a blank Figma file with the plugin ready to use.

  • After that, you can always find it under Resources > Plugins.

The Vev plugin will now appear under Resources > Plugins, so you don't need to search for it on the community page every time you want to use it.

Export Your Design to Vev

  • Open your Figma file and run the Vev plugin.

  • Select the top-level frame(s) you want to export.

  • The plugin will show details like frame name, size, colors, and images.

  • If everything looks good, click "Export to Vev."

  • Paste your Figma file URL into the pop-up and click "Export."

You just need to select the top-level frames you want to export as web pages. You can do that either by selecting the top-level frame on the left panel, or on the canvas itself:

NOTE: make sure that you really have selected the top-level frame, otherwise, you will only export the frame you have selected.

If the frame highlights are correct, then click the "Export to Vev" button.

Next, copy the URL for your open Figma project and paste it into the modal, making sure you've pasted the correct URL. Then you just need to click "Export" to export your Figma file to Vev.

View Your Design in Vev

  • If you're logged into Vev, your design will open in your Vev Dashboard as a new project.

  • If not logged in, you'll be asked to sign in or create a free account.

  • Vev will automatically convert your design into a working website.

Troubleshooting

Should the process fail, you will see the following screen:

  • If something goes wrong, make sure your Figma URL is correct.

  • If the issue persists, click "Give feedback" in the plugin to report the problem.

Related articles

Figma import

Figma import - Missing fonts

Figma import - Best practices

Did this answer your question?