Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Sites – Figma Learn
  • Create webpages and breakpoints

Add, delete, and organize webpages

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Add, duplicate, and delete a webpage Add a new webpage Duplicate a webpage Delete a webpage Organize your webpages Reorder webpages in the left sidebar Reorder webpages on the canvas

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.

Who can use this feature

Available on all paid plans

Requires edit access to the file

In Figma Sites, webpages sit side-by-side on the same infinite canvas.

Tip: If you paste a design from Figma Design into Figma Sites, you must move the design into a webpage before you can preview and publish it. Learn more about moving between Figma Design and Figma Sites.

Add, duplicate, and delete a webpage

Add a new webpage

Home page displayed on canvas with the left sidebar showing the Home page in both the webpages list and layers panel.

In a Figma Sites file, click the plus icon next to Webpages in the left sidebar to add a new webpage. When you perform this action:

  • A new webpage is added to the canvas.
  • A new webpage is added to the Webpages section of the left sidebar. Click the title of any webpage to jump to it on the canvas.
  • A webpage is added to the Layers section of the left sidebar. This is where you can select and manipulate layers in your design.

Tip: You can also add a webpage by clicking the Webpage tool in the toolbar—or by using the W keyboard shortcut.

Tip: By default, new webpages use absolute position so you can freely place elements inside them. You can apply auto layout to the webpage to make sure objects behave responsively instead.

Duplicate a webpage

  1. Select the webpage you want to duplicate.
  2. Right-click and select Duplicate, or use the keyboard shortcut:
    1. Mac: Command D
    2. Windows: Control D

Delete a webpage

Select the webpage you want to delete and press Delete. Some things to keep in mind:

  • Deleting a webpage will delete its associated metadata in website settings.
  • Deleting a webpage will delete any of its child layers. If you’d like to delete the webpage but keep the designs, first move any layers out of the webpage and onto the canvas.

Organize your webpages

Reorder webpages in the left sidebar

You can change the order of webpages in the Webpages section of the left sidebar by clicking and drag the webpage up or down the list. Reordering webpages in the sidebar won’t affect their placement on the canvas.

Note: It’s not possible to nest pages in the Webpages section or by adding extra forward slashes—like /—to webpage names.

Reorder webpages on the canvas

Click and drag a webpage to move it around the canvas.

Note: It’s not currently possible to group webpages into sections.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Add or delete breakpoints in a webpage
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand