If you’re a designer, chances are you’ve heard of Figma and Principle. Both are incredibly powerful tools for creating interactive designs and animations, but how do you export from Figma to Principle? We’ll outline the process below.
Step 1: The first step is to create your design in Figma. This can include a variety of different elements such as shapes, text, images, and videos. Once you have your design in place, click the “Export” button located in the top right corner of the interface.
Step 2: In the “Export” window that appears, select “Exported Assets” from the drop-down menu. You will then be presented with options to export as a PNG or SVG file type. Select the one that best suits your needs and click “Export”.
Step 3: Now open up Principle and create a new project. Click on “Import Assets” located on the left side of the interface and select the file you just exported from Figma.
Step 4: Once imported, drag each asset onto its own layer within Principle. Now you can start animating!
Use various motion effects like easing, keyframes and timelines to bring your design to life.
Conclusion:
Exporting from Figma to Principle is easy when you follow these four steps. With this simple process, you can quickly create stunning animations with both tools. All it takes is a few clicks and your design will come alive!