Importing from Figma

There’s definitely a few steps to get Figma integrated into Flow. But, it’s totally worth it because, clearly, we’re going to just keep making our new Figma import better and better.

Create a Flow Account

This is the first thing you need. A Flow account will allow you to set up the auth between Flow and Figma. Here’s how to do it.

This step starts at 0:39

  1. Go to the Flow Account Signup page.
  2. Put in your deets.
  3. Hit the Sign Up button.
  4. Verify your account via the email we’ll send you.

For the moment, there’s not much you can do with a Flow account. But, stay tuned for some rad sharing features we’ll soon be shipping.

Sign Into Your Flow Account

Next, you need to sign into your new account.

This step starts at 01:20

  1. Open Flow
  2. Choose Account > Sign In
  3. Enter your email and password

Voilà. Now you’re ready to link your Figma account.

If you haven’t already authorized Flow to access your Figma account, you’ll be prompted in the app to do just this.

This step starts at 1:32

  1. Create a new project
  2. Click the Link a Figma File button on the stage.
  3. Hit the Authenticate button if it appears.

Import a Figma File

Now we’re good to go.

This step starts at 02:37

  1. Hit the Link a Figma File button or File > Account > Figma Import
  2. Go to Figma, copy your file’s link / url
  3. Paste the url into Flow
  4. Animate to your heart’s content!

background Made with Flow.
underscore Made with Flow.
line2 Made with Flow.
line1 Made with Flow.
circle Made with Flow.
hit Made with Flow.

result(s) found for “”.