Import from Figma
โ€‹

1. 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.
  1. 1.
    Open a project in Figma.
  2. 2.
    Click the Figma menu and go to Help and Account - Account settings.
    โ€‹
  3. 3.
    Scroll down to Personal access tokens.
    โ€‹
  4. 4.
    Write a name for your access token, in this instance I have written โ€œMy new tokenโ€.
    โ€‹
  5. 5.
    Press return and a new API key will be generated. Copy it with the โ€œCopy this tokenโ€ link.

2. Import project from Figma to Vev

  1. 1.
    From the new project page in Vev, press the Figma import button.
    โ€‹
  2. 2.
    Paste in the API key you just copied into the Figma access token field on the right, then copy and paste the link to your Figma project into the project URL.
    โ€‹
  3. 3.
    Click Start Import. you 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)
โ€‹