Skip to main content
SJL
SJL
New Member
May 22, 2025
Question

Exporting React files after creating Figma Make site

  • May 22, 2025
  • 4 replies
  • 831 views

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

      This topic has been closed for replies.

      4 replies

      Tyler Mundy
      Tyler Mundy
      New Member
      May 22, 2025

      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
        SJLAuthor
        New Member
        May 22, 2025

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

          Djordje007
          Djordje007
          New Member
          May 26, 2025

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

          jensfossen
          jensfossen
          New Member
          June 2, 2025

          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.

          Terms & ConditionsAccessibility statement