Move Framer work safely.

Marketplace assets, templates and copied sections are not interchangeable. A component is a reusable structure, a template is a starting project, and an asset is an individual visual or functional resource.

Components · 8 min read · Updated 2026-06-06

Choose the right reuse method

A few moving parts are involved here. The points below cover each of them, so you can see the full scope before deciding where to start.

  • Use a component for repeated structure within a project.
  • Use a shared library when several projects need the same maintained source.
  • Use a template when you want its project-level setup and page architecture.
  • Copy a section when it is a one-off starting point that will be redesigned.

A safe transfer workflow

Here is the process broken into clear steps. Take them one at a time and check each off before continuing.

  1. Duplicate or copy the source item without changing the original.
  2. Move it into the destination project and inspect missing fonts, assets and variables.
  3. Map colours, type styles and spacing to the destination system.
  4. Check responsive breakpoints and component variants at real content lengths.
  5. Publish a test page before replacing the production section.
A visually identical copy can still carry hidden interactions or overrides. Inspect the layers and test every state after moving it.

Unlink when the destination needs a genuinely different lifecycle. Keep it linked when improvements should flow from one source. Unlinking too early creates maintenance drift.

Post-transfer verification checklist

This comes down to a handful of concrete details. Work through the list below and flag the ones you have not covered yet.

  • Fonts render as intended rather than falling back to a system font.
  • Colour and spacing tokens match the destination project's style set.
  • Interactions such as scroll effects and hover states still trigger correctly.
  • Images and assets load from the destination project, not the source link.
  • Page load performance has not regressed after the addition.

Handover notes for a new team member

Use the list below as a working checklist. Each item is something you can verify or action directly on your own site.

  • Record which sections were copied from Marketplace assets and their source.
  • Note any component that remains linked to an external library.
  • List style tokens that were remapped during the transfer.
  • Flag any section that was copied as a one-off and will not receive updates.
  • Include the test page URL used to validate the transfer, if kept.

Questions

Not directly into production. Copy it into a test page first, check fonts, colours, spacing and interactions against your destination project, then move the verified version into the live page.

A template gives you an entire starting project, including its page structure and settings. A component library gives you individual reusable pieces you can drop into an existing project without adopting its whole architecture.

Colour, type and spacing are usually stored as project-level style tokens. If the destination project uses different tokens or none at all, copied elements fall back to their original literal values, which can clash with the rest of the site.

Outgrowing Framer?

We rebuild Framer sites as fast, custom-coded ones and protect your rankings through the move.