Web Design » Figma » Can You Import Figma to After Effects?

Can You Import Figma to After Effects?

Last updated on September 29, 2022 @ 9:19 am

In short, yes you can import Figma to After Effects!

Figma is a vector drawing program that is gaining popularity in the design community for its ease of use and collaborative features. After Effects is a motion graphics and compositing software used by video professionals to create stunning visual effects and motion graphics.

PRO TIP: There is no guarantee that you will be able to successfully import Figma to After Effects. Use caution and be prepared for the possibility that your project may not import correctly or may not work properly after being imported.

So why would you want to import Figma into After Effects? There are a few reasons.

Figma’s vector drawing tools can be used to create assets that can be easily imported into After Effects and manipulated to create beautiful animations. Additionally, Figma’s design library feature makes it easy to share design elements between team members, which can save time when working on complex projects.

Here’s a step-by-step guide on how to import Figma files into After Effects:

  1. Open your Figma file in the web app. Click on the “File” menu in the top left corner and select “Export” from the dropdown menu. This will open the Export dialog box.
  2. In the Export dialog box, select “After Effects CC 2014 (13.2) or higher” from the “Format” dropdown menu. This will ensure that your file is exported in a format that can be imported into After Effects.
  3. Click “Export”. This will open the Save As dialog box.

    Choose where you want to save your file and click “Save”.

  4. Open After Effects and create a new composition. To do this, go to the File menu in the top left corner of the screen and select “New Composition” from the dropdown menu. This will open the New Composition dialog box.
  5. In the New Composition dialog box, select your Figma file from the “Import File” dropdown menu. This will ensure that your file is imported into After Effects.
  6. Click “Open”. This will open your Figma file in After Effects.

And that’s it! You’ve now successfully imported your Figma file into After Effects.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.