Your first project
- 1
Open a project
Create or open a project in your dashboard. For Figma imports, use a Hygular project that is not linked to a GitHub repository.
- 2
Choose a starting point
Build with the editor’s components, or use Import from Figma to bring in a screen exported with Unbondr Exporter.
- 3
Make it yours
Select elements on the canvas or in the layer tree. Edit text, appearance, spacing, and layout, then check your work at different screen widths.
- 4
Review and export
Check your pages and interactive controls, confirm your changes are saved, and choose the export format your project needs.
Find your way around
| Area | Use it to |
|---|---|
| Canvas | Select and edit the visible elements of your page. |
| Layers | Find nested elements and understand the structure of a screen. |
| Properties | Adjust the selected element’s content, layout, and styling. |
| Pages | Move between the screens in your project. |
| Preview | Review your layout at different viewport widths. |
| Export | Download code or a project backup. |
| Push | Review and commit a generated application to GitHub (Pro). |
| Publish | Deploy a generated application to Vercel Preview or Production (Pro). |