How to download Figma make file in html

Hey there! You can export locally by using the Download code option, located below the Share button in Code view (that should be what you’re looking for)! Hope this helps!
 

Hi Celine,

Thanks for reply, but I have trying to download and run it locally but nothing is display in the browser.
Not full project is download.

Thanks for the details! I would like our team to investigate it further with your case. Could you please fill out this form: Submit a bug report
Pease use your Figma email account, share the URL of your file and grant can edit access with support-share@figma.com, so that the team can try to replicate it, thank you!

If you want to open your exported Figma Make project in your browser, you can’t just double-click the files. You first need to “turn the code into a website” using a small helper tool called Node.js.

1. Install Node.js (the tool that can run the code).

   • Go to nodejs.org and download the LTS version.

   • Install it by clicking “Next” until it’s done.

2. Open the project folder on your computer.

   • Right-click the folder → choose “Open in Terminal” (or “Open in Command Prompt”).

3. Install what the project needs.

   • In that black terminal window, type:

     npm i

     and press Enter.

   • This will download some files the project needs.

4. Start the project.

   • In the same window, type:

     npm run dev

     and press Enter.

5. Preview in your browser.

   • After a few seconds, you’ll see a line that says something like:

     Local: http://localhost:5173/

   • Open your browser, copy that address, and paste it in (even I think it will open for you automatically).

   • Now you can see your Figma Make project running like a real website.

👉 In short: Install Node → open folder in terminal → run npm i → run npm run dev → open the link it gives you in browser.

Check README.md (open with Notepad) for details how to run it.