GitHub Link integrates your Framer project with GitHub to deliver smooth, reliable two-way synchronization of your React and TypeScript code components. Keep your project aligned with your repository, streamline team collaboration, unlock access to agentic development tools, and take full advantage of GitHub's version control — all directly from within Framer.
Connect your GitHub account Enter a personal access token and select your repository. GitHub Link validates access instantly so you know your connection is solid before you start.
Choose your branch and directory Point the plugin at any branch and any subdirectory within your repository. Sync an entire repo or scope it down to a single folder — you're in control.
Review file status at a glance The file table shows every tracked file with a clear status badge: synced, added, modified, remote, conflict, or committed. You always know exactly where things stand.
Push and pull with confidence Select individual files or entire folders and sync in either direction. GitHub Link detects conflicts before they become problems and surfaces them for manual resolution.
When the same file has changed on both sides since your last sync, GitHub Link flags it as a conflict instead of silently overwriting your work. You decide how to resolve it — no surprises, no lost code.
You don't have to sync everything at once. Use checkboxes to pick exactly which files to push or pull. Whether it's a single component tweak or a full library update, you choose the scope.
A built-in log panel records every sync action, connection event, and error as it happens. Toggle it on whenever you need full visibility into what the plugin is doing behind the scenes.
Work with any branch in your repository and scope syncs to a specific subdirectory. Perfect for monorepos, shared component libraries, or projects with complex folder structures.
The plugin reminds you when your personal access token is getting old, helping you maintain a secure connection. Supports both classic (ghp_) and fine-grained (github_pat_) token formats.
Developers who build custom React and TypeScript code components in Framer and want proper version control
Teams collaborating on shared component libraries who need a single source of truth
Agencies managing multiple Framer projects that share code across repositories
Anyone who wants to use external editors, CI/CD pipelines, or agentic AI tools alongside Framer
GitHub Link communicates directly with the GitHub REST API using the personal access token you provide. Your token is stored locally within your Framer project and is never sent to any third-party server. The plugin only accesses the repository and branch you configure — nothing more.
Open the plugin, accept the Terms & Conditions, enter your GitHub personal access token, select your repository and branch, and click Save. GitHub Link will load your remote file tree and show you the current sync status of every file in seconds.
Refactored sync logic for better reliability and clearer file state handling.
Added a "Synced" status badge for files that are up to date.
Added an "Unsupported" status badge for files that cannot be synced.
Improved the token warning message layout.
Overall design and quality improvements.
Minor bug fixes.