Copy and paste between Figma Sites and Figma Design – Figma Learn - Help Center

Figma Sites was released in open beta at Config 2025. Learn more about what’s included in the beta.

Who can use this feature

Requires edit access in the destination file

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 1200px 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.

Animation of right-clicking a design in Figma and selecting 'copy to figma sites'. The design is sent to a new sites file and 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

Annotations do not render in a site file, but they reappear if you copy and paste the design back into Figma Design later.

Positioning

The positioning of each element is based on the properties set in Figma Design:

Auto layout frames use relative positioning (with auto layout applied)
Objects without auto layout—or with auto layout ignored—use absolute positioning
Objects set to Sticky or Fixed as scroll behaviors in a prototype will maintain the corresponding positioning

Prototypes

Most prototype connections automatically convert to the corresponding interactions in Figma Sites. Learn how to troubleshoot any unsupported interactions.

Tip: To get the most out of your design, check out these tips for creating a responsive webpage in Figma Sites.

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	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	Code layers are not supported in Figma Design and appear as a static image snapshot on the canvas.
Embeds	Embeds are not supported in Figma Design and appear as static images on the canvas.
Interactions	If available, interactions will automatically convert to the corresponding prototype connections—but many interactions are not supported in Figma Design.
Links	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.
Positioning	The positioning of each element is based on the properties set in Figma Sites: Auto layout frames continue to use auto layout Objects with absolute positioning inside an auto layout frame use ‘ignore auto layout’ Objects set to Sticky or Fixed positioning use the corresponding scroll behavior
Webpages	Each webpage is converted into a section with frames for each breakpoint.