Copy and paste between Figma Sites and Figma Design
Written by Figma Man
Updated at June 19th, 2025
- Administration – Figma Learn
- Figma Design – Figma Learn
- Get started – Figma Learn
- FigJam – Figma Learn
- Community – Figma Learn
- Help – Figma Learn
- Work across Figma – Figma Learn
- Courses, tutorials, projects – Figma Learn
- Figma Slides – Figma Learn
- Figma Buzz – Figma Learn
- Figma Make – Figma Learn
- Figma Sites – Figma Learn
Table of Contents
Figma Sites was released in open beta at Config 2025. It is currently available on all paid plans, with a limited Starter plan experience coming soon. Learn more about what’s included in the beta.
You can freely copy and paste objects between Figma Design and Figma Sites—although there are several features that work differently in each product.
Tip: Curious about the differences between these products? Learn more about which tools and properties are available in Figma Sites and Figma Design.
Copy from Figma Design to Figma Sites
You can copy and paste any design assets between Figma Design and Figma Sites using the standard copy and paste keyboard shortcuts:
- Copy: Ctrl or Cmd C
- Paste: Ctrl or Cmd V
If your design’s width is between 1200 and 1600px—and you are the file creator—you can also send it straight to a new Figma Sites file:
- Open the Figma Design file containing your design.
- Right-click the frame you want to add as a webpage to Figma Sites.
- Select Copy to Figma Sites.
Figma will open a new site file with your design added to the Home page.
Things to keep in mind
Here are a few things to be aware of when moving from Figma Design to Figma Sites:
|
Feature |
Behavior |
|---|---|
|
Annotations do not render in a site file, but they reappear if you copy and paste the design back into Figma Design later. |
|
|
The positioning of each element is based on the properties set in Figma Design:
|
|
|
Most prototype connections automatically convert to the corresponding interactions in Figma Sites. Learn how to troubleshoot any unsupported interactions. |
Copy from Figma Sites to Figma Design
You can manually copy and paste design assets from Figma Sites to Figma Design using the same standard copy and paste keyboard shortcuts mentioned above.
Tip: There are lots of ways you can modify how content is pasted into Figma Design, like paste to replace, paste over selection—and more.
Things to keep in mind
Here are a few things to be aware of when moving from Figma Sites to Figma Design:
| Feature | Behavior |
|---|---|
|
Accessibility properties do not render in a design file, but they reappear if you copy and paste the design back into Figma Sites later. |
|
|
Code layers are not supported in Figma Design and appear as a static image snapshot on the canvas. |
|
|
Embeds are not supported in Figma Design and appear as static images on the canvas. |
|
|
If available, interactions will automatically convert to the corresponding prototype connections—but many interactions are not supported in Figma Design. |
|
|
Links to external websites will automatically convert to an Open link prototype action in Figma Design. Internal links to other webpages within a site won’t copy across to Figma Design. |
|
|
The positioning of each element is based on the properties set in Figma Sites:
|
|
|
Each webpage is converted into a section with frames for each breakpoint. |