Cutcopy

Copy-paste between Webflow sites breaks variable bindings. Styled elements arrive in the destination project, but the variables behind them do not follow. Teams that run several sites from one design foundation end up rebuilding variable collections by hand.

CutCopy makes variable collections portable. You export a master collection from one site and import it into another without leaving Webflow. You can preview incoming changes before applying them, or move only the specific variables you need. The Attribute Clipboard extends the same idea to element attributes.

This integration fits designers and developers who work across multiple Webflow projects, such as an agency running five client sites from one shared variable collection. Freelancers who keep starter templates and design system owners who want a backup before a major change get the same benefit.

How to integrate CutCopy with Webflow

What is CutCopy? CutCopy is a Webflow Designer Extension built by Flowcraft. It moves variables between Webflow sites and copies attributes between elements, storing backups in a CutCopy account. It runs inside Webflow through the Designer Extension, without a Code Embed element or external scripts.

Teams reach for this combination when one variable set has to serve many sites. An agency defines a master collection once, including typography tokens as well as color and spacing tokens. It then imports that collection into each new client site, and backs up the current collection before an overhaul.

The CutCopy-Webflow integration supports one approach, the Marketplace app, which bundles two tools:

• The Variable Tool exports, imports, cherry-picks, and backs up variable collections between sites.
• The Attribute Clipboard copies attributes and saved attribute templates between elements.

Every workflow runs inside Webflow through the Marketplace app; CutCopy has no documented embed, automation connector, or API path.

Install the CutCopy app

The CutCopy app installs from the Webflow Marketplace. Setup uses the Apps panel instead of a Code Embed element or custom code in head and body tags. Saved collections and backup features for themes or variables need a CutCopy account. You create that account during setup.

To set up the integration:

1. Open the CutCopy page on the Webflow Marketplace.
2. Click Log in to install or Add to site.
3. Select the Workspaces and sites where you want the app.
4. Click Authorize application.
5. Create a CutCopy account if you plan to use backup features.

You can also install from inside Webflow. Open the Apps panel, search for CutCopy, and click Install on site. To open it later, hover over the app in the Apps panel and click Launch, as described in the Webflow Apps overview.

Once installed, the app covers:

• Variable export and import between Webflow sites
• Smart Import, which highlights changes and additions to the active variable collection before you apply them
• Cherry-picking specific variables or folders instead of importing a full collection
• Backup of all or part of a variable collection, including its themes, to a CutCopy account
• Attribute copy and paste between elements, with saved attribute templates for reuse

Authorizing at the Workspace level applies the app to all current and future sites in that Workspace.

Transfer variables between sites

The Variable Tool moves variable collections from one Webflow site to another. Export from the source site, then import into the destination, where Smart Import flags what will change before you commit. You can also save variable collections and themes to your CutCopy account and reuse them on any project.

To move a variable collection:

1. Open CutCopy from the Apps panel in the source site.
2. Select the collection, folder, or individual variables and export them from the source site.
3. Open CutCopy in the destination site and use Smart Import.
4. Review the flagged changes and additions, then apply them.

The app's in-app instructions are the reference for where each control sits; CutCopy publishes no step-by-step guides.

Two limitations apply to cross-site transfer:

• Color variables become static colors on import. You have to re-add them as variables in the destination site.
• Bindings to the Webflow CMS do not transfer between sites. A Collection List arrives as an empty element that needs manual rebinding.

The CutCopy integration page documents both, and attributes the CMS binding behavior to Webflow rather than the app.

Copy attributes with the Attribute Clipboard

The Attribute Clipboard copies individual attributes or attribute sets from one element to another within Webflow. Attribute Template Management saves configurations you use often. CutCopy is framework-agnostic and works with any Webflow project.

To reuse an attribute set:

1. Launch CutCopy in the site you are working in.
2. Select the source element and copy its attributes.
3. Select the destination element and paste them.
4. Save the configuration as an attribute template if you will reuse it.

For prototyping, copying an attribute set replaces configuring each property by hand.

What can you build with the CutCopy Webflow integration?

Integrating CutCopy with Webflow lets you reuse one design foundation across many sites without rebuilding variables and attributes by hand.

• Multi-site design system management: Export a master variable collection and import it into each new site. An agency running several client sites from one system keeps every build on the same tokens.
• Project templating: Create a starter project with a complete variable theme, then transfer that foundation into each new build. Saved collections and themes speed up setup on any new project, whatever framework it runs on.
• Variable backup and recovery: Save entire collections, themes, or subsets to a CutCopy account before a redesign, then restore them in any project if a change goes wrong.
• Selective variable sync: Import only a typography folder or a handful of spacing tokens instead of overwriting the whole collection.

If you need programmatic access to supported platform data, the Webflow Data API covers those cases, while the Designer API  variables reference documents in-Designer variable tooling.