Import your project from Figma to Vev
With our Figma import, 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)