Web Design » Figma » How Do I Export a Figma File to After Effects?

How Do I Export a Figma File to After Effects?

Last updated on September 29, 2022 @ 10:17 am

Figma is a vector graphics editor and design tool, while After Effects is a motion graphics and compositing application. Although the two programs serve different purposes, it is possible to export a Figma file to After Effects. Here’s how:

1. First, open your Figma file in the editor.

2. Then, go to File > Export. This will open the Export window.

3. In the Export window, select After Effects (.json) from the drop-down menu next to “Format”.

4. Make sure that the “Export selected frames” option is selected.

5.

Click “Export”. This will open the save file dialog.

6. Choose a location to save your file and click “Save”. Your file will now be exported as a .json file which can be imported into After Effects.

Conclusion:

Exporting a Figma file to After Effects is a simple process that can be done in just a few steps. By following the steps above, you can easily export your Figma designs into After Effects for further editing and animation.

PRO TIP: When exporting a Figma file to After Effects, it is important to note that only certain layers and objects will be exported. Specifically, only vector objects and groups will be exported as editable shapes. Any other layer types, such as raster images or text, will be flattened into a single image.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.