Skip to main content
Question

Exporting React files after creating Figma Make site


SJL

I just created a Figma Make login workflow that works well and want to export all of the React code that was created by the app. When I switch from Preview to Code, I can see the perfectly structured code and and files but no option to download anything. 

 

When I ask the Figma AI how to download the files, it suggests copy and paste of each file content and recreating locally. This is crazy as there are associated ui and component folders with 100’s of files in them. 

I am completely lost. Any help greatly appreciated!

You can view the project here:

https://www.figma.com/make/rpI3wqPgj39LD5Pzezwy68/iPhone-Login-Page-with-Pastel-Colors?node-id=0-1&t=yzDJjeQgWzB43GGG-1&code-node-id=7-46

Thanks, 

Steve

Tyler Mundy

There is a small icon in the upper right corner of the code view that allows you to download the zip file of your project. (The one on the right is the download, the one on the left is to format the code)

 

Icon to download

 


SJL
  • New Member
  • May 22, 2025

Oh wow, totally missed that. Thank you!!!! 


Djordje007

Thank you!!! I almost lost it when he told me to create folders, files, and copy paste code...


jensfossen

I did the same thing, but when I downloaded the zip file, it was just empty when I went to unzip it despite the file size shows 208kb.  It was a problem with my windows zip tool, in case anyone has the same issue.  Downloaded 7 Zip and it all worked fine.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings