#What is Product?

Code Sync is a free Framer plugin that allows developers to upload and synchronize .tsx files and entire folder structures directly from their local environment into Framer. It is built for efficient development workflows, enabling fast iteration, smart updates, and seamless integration between codebases and Framer projects. With support for environment management and advanced configuration, it is ideal for teams working on scalable and complex projects.

#Features ⚡

• Smart re-uploading: Only modified files are synced to save time

• Flexible upload modes: Upload full folders or selected files

• Drag-and-drop support: Easily sync files into Framer

• Environment management: Switch between development, staging, and production

• Config customization: Control imports, ignored files, and transformations via config

• Import handling: Automatically adjusts relative imports and extensions

• Code export: Download files or full project structures as ZIP

• Folder structure control: Preserve or unpack directory structures

• Real-time feedback: Clear status updates and error reporting

• Open-source: Fully customizable and community-driven

#Included Components/Templates

Descriptive list of main components, blocks, templates, plugin the product ships with.

• Code sync engine for .tsx files and folders

• Smart file detection and update system

• Environment configuration setup (Env.tsx)

• Config file support (.json / .jsonc)

• Import replacement and transformation tools

• Code export system (files and ZIP)

• Upload and structure management system

#Pricing 💸

• Free to use

• Open-source plugin

• No paid tiers mentioned

#Integrations 🧰

• Framer development environment

• Local development workflows

• GitHub (open-source contributions)

• Works with component libraries and codebases