GitHub Link

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.

How it works

1. 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.

2. 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.

3. 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.

4. 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.

Smart conflict detection

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.

Selective sync, full control

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.

Real-time activity log

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.

Branch and subdirectory targeting

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.

Token management

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.

Perfect for

• 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

Privacy and security

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.

Getting started

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.