Exporting in Hana
You can export any individual frame from the canvas in Hana for sharing online via a Public URL or integrate it into other tools using the Embed Code (e.g. Webflow, Framer, HTML/JS project, etc).
How to export a frame
From the frame context menu:
Select the frame you want to export.
Click the three-dot menu at the top-right corner of the frame’s border.
In the context menu, select Export to open the Frame Export Panel.
From the inspector sidebar:
Select the frame you want to export.
On the inspector sidebar, click the + icon on the Export panel.
Exporting as Embed Link
Export Options
Public URL: Share your scene via a link.
Embed Code: Embed your scene in platforms and frameworks like Webflow, Framer, HTML/JS and others.
Customization Options
Show Logo: Toggle visibility of Hana’s logo.
Enable Page Scroll: Allow scrolling within the embedded frame.
Show/Hide BG Color: Adjust background color visibility.
Set Frame Size: Choose from Contain, Cover, Actual, or Responsive options.
Updating the URL
If you make changes to the scene or export settings, click Export again to update the embed link to the latest version.
Exporting as Image
Image Options
Show Logo: Toggle visibility of Hana’s logo.
Ratio: Select a scale ratio for your image.
Show/Hide BG Color: Adjust background color visibility.