Sync to Github
Generate designs and then sync them to Github.
This is currently an experimental feature. If you experience any issues, please let us know and we’ll fix them ASAP.
Export your design to a Github code repository. This is a great way to either hand off a design to a developer or bring Magic Patterns designs into your code editor, like Cursor.
You’ll be able to pull new changes from Github to continue working on them with Magic Patterns.
Steps
You can sync your Magic Patterns design to Github with a few easy steps.
Open the Github panel
Generate a design and click on the Github icon at the top of the code tab.
Install Magic Patterns Github App
If it’s your first time syncing to Github, you’ll be asked to install the Magic Patterns Github app. Click ‘Install Github App’ to continue.
Authorize the Magic Patterns Github App
Follow the instructions to install the app. Pick the organization where you want to create the new repository. The Github app will request the necessary permissions.
Within Magic Patterns, chose a new repository name
Once the app is installed and authorized, you will automatically be brought back to Magic Patterns. In the Github panel, you will see the available organizations you can create the new repository in.
Once you select an organization, the new repository will be created.
Sync new changes
Any changes you make to your design will be synced to Github. Likewise, any changes made in Github can be synced back to Magic Patterns.
FAQ
Was this page helpful?