Figma Import

Overview

We have added support for importing Figma files directly into the Fastr Frontend platform. This can be done from either the Figma Desktop App, or by using Figma in your browser. This article will go through the steps required, as well as FAQs about the process. 

How to Export from Figma

1. To get started, open up a Figma file that you would like to export
2. At the bottom of your screen, select this icon to open up the Plugins search menu: 
   
   
3. In the pop-up window, navigate to the "Plugins & Widgets" tab
4. Search for and click on "Penpot Exporter", as shown here: 
   
   
   
   
5. This will open a pop-up window. Selecting the "Export to Penpot" option will download the ZIP file that can be imported into Fastr Frontend. 

How to Import into Fastr Frontend 

1. From any content slot, you will see the option to "Import Fastr Experience (.fastr)
   
   
   
2. After selecting this option, click on the ZIP file that was exported from Figma. 

Figma Import FAQs

1. How do I export a file that uses Custom Fonts that I've added to Figma? 
   Answer: Custom fonts require additional steps, in order to make sure they render correctly in Fastr Frontend. This article has the necessary steps for importing custom fonts with your Figma File: Figma Import - Using Custom Fonts
   
   
2. Will my components be exported correctly? 
   Answer: Components are supported during the export process. For full details on the specific Figma features that are supported, please view the Plugin Details|
   
   
3. Why are my images appearing as blank rectangles?
   Answer: At the moment, our max image size is 5mb. If your original images are larger than this value, they will not be imported 
   
   
4. How long does it take to export my file?
   Answer: This can vary depending on the complexity of the file and also depends on your specific computer.  For larger files, we recommend using the Figma Desktop App for the export.
   
   
5. What is the largest file that I can export?
   Answer: At the moment, we recommend your exported ZIP file should be under 150mb. If your file is larger than this size, it might be required to split the file into multiple sections when exporting. Afterwards, you can copy and paste the elements in Fastr Frontend from one experience to another 

If you have any questions or need further assistance, please feel free to reach out to our support team at support@getfastr.com