Connect and import
- 1
Connect GitHub
Choose Connect GitHub in the editor. Sign in and authorize access when requested; your plan must allow the feature.
- 2
Choose the repository and branch
Select the repository and the branch you want to work from. Wait for repository analysis and import to finish.
- 3
Inspect before editing
Review the imported pages, detected styling, and any source restrictions before making changes.
Understand editable and protected content
The source adapters support HTML, React, and Vue workflows. The visual canvas is a static projection of supported source, rather than a complete execution environment for your application.
Application state, server data, external package components, and framework-specific runtime behavior may not appear exactly as they do when the application runs. Protected dynamic source regions must remain intact; a preview limitation does not mean that code is safe to delete.
Review and create a pull request
- 1
Open Sync
Finish your intended edits, then open the GitHub Sync flow.
- 2
Review the change summary
Check Target Repository, Base Branch, and Files Changed. Enter a clear Commit Message describing your changes.
- 3
Create the pull request
Choose Create Pull Request. Open the resulting PR in GitHub, review it, and run your repository’s checks before merging.
When the source has moved on
If synchronization reports a conflict or the branch has changed, check the latest repository state before trying again. Preserve a backup of your editor work before a re-import.
Use a separate, unlinked Hygular project for Figma imports. A new Figma page has no existing repository source file to synchronize.