Before you start
Who can use this feature
Figma Make is available for Full seats on paid plans.
You can try Figma Make on other seats and plans.
Push to GitHub is available on all plans.
To let you back up your code, track changes, and continue working in your preferred development tools, you can push your Make projects directly to GitHub.
Using Figma Make you can:
- Connect your GitHub account to Make
- Push updates from Make to your linked repository when your file changes
To push from Figma Make to GitHub, you first need to connect your GitHub account or organization. Then, you can use Figma Make to create new GitHub repositories and push your code to GitHub.
Connect to GitHub
When you set up the GitHub integration for the first time, you'll need to connect Figma Make to GitHub. This step only needs to be performed once for your team or organization.
Important: When you connect to GitHub, the connection is for your whole team or organization. For example, when you connect a GitHub account or organization to your Figma organization, all teammates with access to Figma Make will be able to create and push to repositories. You can't connect multiple GitHub accounts or organizations to a single Figma team or organization.
To connect Figma Make to GitHub:
- Open an existing Figma Make file or create a new one.
- In the upper-right corner of Figma Make, click Make settings, and then click GitHub.
- In the Connect to GitHub modal, click Connect GitHub.
- In GitHub, you're prompted to select which account or organization you want to connect to Figma Make. Select the account or organization you want to connect.
- When prompted, select whether you want to authorize the Figma GitHub app for all repositories or just for selected repositories. This step doesn't have any functional effect, but is required by GitHub. Figma Make never accesses repositories other than the ones it creates via the integration.
- Click Install & Authorize. If prompted, re-authenticate with GitHub.
When you complete the last step, you're sent back to your Figma Make file and you're ready to start pushing code to GitHub.
Push to GitHub
To push code to GitHub:
- Go to the Figma Make file that has code you want to push to GitHub.
- In the upper-right corner of Figma Make, click Make settings, then select GitHub.
- If it's the first time you're pushing from the Figma Make file to GitHub, select Create Repository, enter a name for your repository, and click Create.
- Each subsequent time you want to push to GitHub, in the Make settings menu, select GitHub > Push to....
View a GitHub repository
To view the GitHub repository connected to a Figma Make file:
- Go to the Figma Make file that's connected to the repository you want to view.
- In the upper-right corner of Figma Make, click Make settings, then select GitHub > View....
FAQs
Can I push changes to an existing repo?
Not yet. At launch, Make only creates new repositories.
Does the Push to GitHub feature include two-way sync?
No. It’s a one-way push from Make → GitHub. If you edit your code in GitHub, those changes won’t appear in Figma Make and will be overwritten next time you push from Figma Make to GitHub.
Which branch does Make push to?
When you push, the changes always go to the main branch. Branch management isn’t supported at this time.