Set up an API Key in Figma

Import your project from Figma to Vev

Current known limitations

With our Figma import integration, you can turn static Figma designs into fully functioning, interactive websites in Vev in a matter of clicks.

💻 Set up an API Key in Figma

To be able to import from Figma using just a project link, Vev needs access to your Figma projects. For Vev to get access, you have to generate an access key (API Key) from your Figma account.

  • Open a project in Figma

  • Click the Figma menu and go to Help and Account - Account settings

  • Scroll down to Personal access tokens

  • Write a name for your access token, in this instance, I have written “My new token”

  • Press return and a new API key will be generated. Copy it with the 'Copy this token' link

🚚 Import your project from Figma to Vev

From the Dashboard

  • From the new project page in Vev, press the Figma import button

  • Paste in the API key you just copied into the Figma access token field, then copy and paste the link to your Figma project into the project URL

  • Click Start Import

From your project

There are 2 places where you can find the Figma Import option in the editor, have a look at the steps below.

From the Project settings Panel

  • Click the Vev icon on the top left corner

  • Hover over File

  • Select Import from Figma

  • Paste in the API key you just copied into the Figma access token field, then copy and paste the link to your Figma project into the project URL

From the right side Panel

  • Click on the black part of the canvas

  • Select Project settings on the right panel

  • Click on Figma Import at the bottom

  • Paste in the API key you just copied into the Figma access token field, then copy and paste the link to your Figma project into the project URL

Your Figma project will now be created as a Vev project and you can start adding functionality!

Current known limitations

  • Limited support for blend modes

  • Vector files will import as SVGs

  • Limited support for cropping

  • Custom stroke styles are not supported

  • Only support clipping mask for rectangles (not customs shapes or multiple shapes)

Did this answer your question?