GitHub Link

Overview

GitHub Link integrates your Framer project with GitHub to deliver smooth, reliable two-way synchronization of your React and TypeScript code components. It gives you an easy and convenient way to keep your project aligned with your repository, streamline team collaboration, and take full advantage of GitHub’s version control directly within Framer.

Two-Way Sync

Push your local Framer code changes to GitHub or pull remote updates into your project. The plugin shows you exactly which files have changed, making it easy to keep everything in sync.

Commit Before Push

Stage your changes locally with custom commit messages before pushing to GitHub. Select specific files to commit and push them to your repository with meaningful commit messages.

Branch Management

Switch between GitHub branches directly from the plugin. Work on feature branches and keep your code organized, all without leaving Framer.

File Status Tracking

See at a glance which files are synced, modified locally, or changed remotely. Color-coded status indicators help you quickly understand the state of each file in your project.

Selective Sync

Choose exactly which files to sync. Select individual files or use bulk selection to commit and push only the changes you want, giving you full control over what gets synchronized.

Subfolder Support

Sync files from specific directories within your repository. Target a subfolder path to keep your Framer components organized and separate from other project files.

Smart Token Management

Store your GitHub token locally with encryption, and token refresh reminders to make sure you follow the best practices and maintain good token hygiene.


Activity Log

Track every sync operation, commit, and file change in a detailed activity log. Monitor the status of your operations and troubleshoot any issues with full visibility into what's happening.