Choose an export format
| Export menu option | Use it for |
|---|---|
| Standalone HTML | A downloadable HTML version of the current page. |
| React Component | A JSX component to integrate into a React project. |
| Vue Component | A Vue component to integrate into a Vue project. |
| Project backup (JSON) | An editable project backup for the builder’s project JSON import. |
| All Pages (ZIP) | A packaged export of your project’s pages. |
Review in the destination environment
Open and test the exported output in the application or hosting environment where it will run. Check fonts, assets, styling, links, and interactions there. Component exports still need integration with your application’s routing and behavior.
Exporting a file does not publish your website automatically. Use the separate Push toolbar action for a generated GitHub application, or Publish for a direct Vercel deployment. Each has its own guide in Build & deliver.
Keep the right JSON file
Project backup (JSON) and a Figma screen export serve different purposes. Restore a builder backup with Import project JSON. Use Import from Figma only with a file from Unbondr Exporter.
GitHub-linked projects
The editor provides a separate GitHub connection and synchronization workflow. Review the generated changes and pull request before merging them into your repository.
Figma imports create Hygular content and are currently intended for unlinked Hygular projects. Use a separate unlinked project for your Figma screen instead of trying to insert it directly into a GitHub-linked project.