Related Videos

• Files in Figma

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone can create Files in their Drafts. Only Editors and Admins can create Files in Teams.

  Files are what we call documents in Figma.

  Files provide the Canvas where you can arrange your layers and objects to create designs.

  You can also use Files to build and animate realistic Prototypes. Or, handoff your designs to developers and engineers.

  File Structure

  There are five levels of File structure and organization within Figma. You can use these elements to create a system that works for you.

  1. Organization (Figma Organization only)
  2. Teams
  3. Projects
  4. Files
  5. Pages

  

  Files are where most of the design and collaboration process takes place. They provide the Canvas where you can:

  • Brainstorm ideas
  • Wireframe basic interfaces
  • Create Hi-Fidelity mock ups
  • Build Prototypes
  • Create Presentations

  You can Create a new file in your Drafts folder, or within Team Project.

  Every File has a corresponding Presentation View. You can use this to preview designs, present slides or test out Prototypes.

  You can collaborate with others - in the same file - at the same time. We call this designing in Multiplayer.

  We'll keep track your sessions in a browsable Version History. You can then view, save, share and restore File versions.

  You can also create as many Pages as you need within a File. Pages give you even more space to explore.

  File Permissions

  Want to share your Files and collaborate with others? You can share your Figma Files and Projects, as soon as you're ready to collaborate.

  You can invite others to Files in your Drafts or Team Projects.

  You can choose how collaborators can interact with your File using Permissions.

  Team Members will be able to interact with any Team Files based on their Team Permissions.

  You can give a Team member access to a File that's different permissions than their Team access. Or, invite someone from outside of the Team to a specific File.

  Click the Share button from the Toolbar in the File to open the Sharing Modal.

  

  From here you can:

  1. Invite Collaborators to a File
  2. Share Files with others using Link Sharing
  3. Transfer Ownership of a File
  4. Adjust Permissions on a File
  5. Remove a Collaborator from a File
  6. Prevent Viewers from Copying or Sharing Files

  

  File Format

  We store Files in Figma, in our own File Format: .fig

  This File format is specific to Figma and cannot be opened by any other tool.

  You can save Files in .fig format when you want to export, back up or move your Files between Figma accounts.

  If you want to export your design to other tools, we recommend that you copy and paste the Frames. Or, export SVGs and import them into other tools.

  Learn more in our Copy assets between design tools article.

  We also support imports of .sketch Files. Learn more in our Import Sketch Files article.

• Pages in Figma

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone can view and explore Pages in a File

  Users with Edit access to the File can create Pages

  Files are what we call documents in Figma. They contain the Canvas where you can arrange your layers and objects to create designs.

  Within a File, you can create as many Pages as you need. Each Page offers its own Canvas, where you can explore and iterate on your designs.

  Page Structure

  There are five levels of File structure and organization within Figma. Pages are the last level of structure.

  Each Page offers its own Canvas, where you can explore and iterate on your designs. You can name each Page according to its purpose.

  They are a great organizational tool, as they can be applied in so many ways.

  1. Organization (Figma Organization only)
  2. Teams
  3. Projects
  4. Files
  5. Pages

  

  You can use Pages to:

  • Iterate on different versions of a concept or idea
  • Break up designs by platform or device
  • Group designs by feature or product
  • Arrange Components and Styles into categories
  • Track each stage of the design process
  • Let engineers know what's ready for development
  • Present ideas or versions to collaborators
  • Build Atomic Libraries and Design Systems
  • Create different Prototyping flows for the same designs

  Using Pages

  You can access Pages when you open a File in the Editor. You can find, view and navigate between Pages in the Layers Panel.

  This allows you to:

  • Add New Pages
  • Duplicate Pages
  • Rename Pages
  • Delete Pages
  • Change the Order of Pages
  • Move Layers Between Pages

  Learn more in our Create and manage pages article.

• Create a New File

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone can create Files in their Drafts

  Editors and Admins can create Files in a Team

  Coming from Sketch? Files are what we call documents in Figma.

  Files provide the Canvas where you can arrange your layers and objects to create designs. Learn more about Files in our Files in Figma article.

  Create a File in Drafts

  Every Figma user will have their own Drafts. You can think of your Drafts like a sketchbook or notebook. It's a place where you can jot down your ideas and experiment with different concepts.

  Drafts are separate from any Teams or Projects. Any Files you create here are your own Files.

  There are no limits in the Drafts folder, so create as many Files as you like. If you want to start organizing your Files, consider moving them into a Project in a Team.

  There are a few ways to create a new File in your Drafts:

  • Click the [+] button next to Drafts in the sidebar to create a new File in your Drafts
  • Or, click the New File button in the File Browser
  • Go to the link: https://www.figma.com/file/new

  Figma encourages an open and collaborative design environment. It's never too early to share your ideas and collaborate with others.

  • Invite collaborators to your Personal Files
  • Move Files from your Drafts into Teams and Projects

  Create a File in a Team

  If you are an Editor on a Team, you will be able to create Files that are shared with your Team.

  1. Open the Team Page in the File Browser
  2. Select the Project you'd like to add the File to
  3. Click the New File button in the top-right corner of the Toolbar
• Create and Manage Pages

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone can view and explore Pages in a File

  Users with Edit access access to a File can create and manage pages

  Within a File, you can create as many Pages as you need.

  Each Page has its own Canvas, where you can explore and iterate on your designs. You can even create separate Prototypes on each Page.

  You can access Pages when you open a File in the Editor.

  You can find, view and navigate between Pages at the top of the left-side panel ( Layers Panel). 

  To open the Page list, click on the arrow next to the current Page name:

  

  Add a Page

  You can create a New Page from scratch, or Duplicate an existing one.

  Create a New Page

  1. Click the + icon to add a new Page to your File: 
  2. Give your new Page a name.

  Duplicate an Existing Page

  This is super handy if you want to create a snapshot of your current work. Or, when building different Prototype flows out of the same designs.

  1. Find the Page you want to copy in the Page list.
  2. Right-click on the Page and select Duplicate 
  3. We'll add a copy of that Page to the File with the name Copy of.
  4. Right-click on the Page and select Rename to change the Page name.

  Rename a Page

  There are two ways to rename a Page:

  • Right-click on the Page and select Rename
  • Double-click on the Page name

  

  Update the Page name and click outside of the Page list to apply.

  Delete a Page

  1. Find the Page you want to delete in the Page list.
  2. Right-click on the Page and select Delete.

  Reorder my Pages

  You can change the order that your Pages appear in your Page List.

  1. Click and hold on a Page to select it.
  2. Drag it up or down to change the Page order.
  3. Release to apply.

  

  Move Layers between Pages

  You can move Layers between Pages. This is handy when you want to break up a large File. This also allows you to keep any Comments associated with those Layers intact.

  1. Select an Object, Frame or Group in the canvas or Layers Panel.
  2. Right-click to open the Context menu.
  3. Select Move to Page and then choose the Page you'd like to move it to 
  4. We will move the layers to the same coordinates on the selected Page.

  Note: If you want to copy Prototype connections from the page, you need to have the Prototype Tab open. If you copy from the Design Tab, we won't copy any Prototype Connections.

• Set a Custom Thumbnail

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone with Edit access to the file can set a custom thumbnail

  Every File will have a thumbnail which shows a preview of the File's contents. We show the thumbnail whenever we reference the File in the File Browser.

  You can customize this for each File. This is a great way to set expectations and communicate the File's contents.

  You can create a File thumbnail out of any Frame within a Page of your File. We will scale the selected Frame so that it fills the thumbnail.

  Set a File's Thumbnail

  1. Open the File in the Editor
  2. Find the Frame you would like to use as the thumbnail. We scale the selected Frame so that it fills the File Thumbnail.
  3. Right-click on the Frame in the canvas to open the Context Menu.
  4. Select Set as Thumbnail from the options:

     

  5. We will update your File's thumbnail. We will also display a custom thumbnail icon next to the Frame.

     

  Want to remove the Frame from the thumbnail? Right-click on the Frame in the canvas and select Restore Default Thumbnail. We'll use the contents of the first page in your File as the default thumbnail.

• Rename a File

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone can rename Files in their Drafts

  Editors and Admins can rename Files in a Team

  By default, we name new Files as Untitled. You can change this to something that better explains what you're working on.

  File names don't need to be unique. As we Search on File names, unique names do make it easier when it comes to finding the correct File.

  File Browser

  You can update the File name from anywhere the File appears in the File Browser.

  1. Right-click on the File to open the File menu.
  2. Select Rename from the options.

  Editor

  You can also update the File name in the File itself.

  1. Click on an empty spot in the Canvas to deselect and layers.
  2. Figma will display the Project and File Name in the toolbar
  3. Click on the File name to rename it. The name on the File will now be editable. Enter a new name in the field.
  4. Click outside of the File name - or press Enter - to apply your changes.
• Duplicate a File

  Before you Start

  Who can use this feature

  Users on Any Figma plan

  Anyone can Duplicate Files in their Drafts

  Viewers, Editors and Admins can duplicate Files in a Team

  Viewers won't be able to duplicate a File if Allow Viewers to copy and share is disabled

  Duplicating a File will create a fresh copy of that File. This won't include any of the following from the original File:

  • Version History
  • Comments
  • Collaborators and Permissions

  You can duplicate a File from anywhere in the File Browser. We will add a duplicate of the File to the File's current location. This applies to Files in your Drafts or within a Project in a Team.

  We'll add a Copy of prefix to the File name, so you can distinguish between the original and the duplicate.

  Want to duplicate a File from the Community? Check out our Browse and Duplicate Community Files article.

  Duplicate a File

  1. Right-click on the File to open the File menu.
  2. Select Duplicate from the options.

  Tip! You can also duplicate a File by adding /duplicate to the end of the File URL. This will only work with the original File URL.
  
  If you have layers selected, you will need to remove the node string from the URL first e.g. ?node-id=21%3A0

  Duplicate a Deleted File

  You can duplicate a File in your Deleted Files. We will add this duplicate to your Drafts folder.

  1. Open your Drafts in the File Browser.
  2. Navigate to the Deleted Files tab.
  3. Right-click on the File to open the File menu.
  4. Select Duplicate to Drafts to create a copy of the File in your Drafts. We treat this as a new File with no Permissions, Comments or Version History.
• Version History

  Before you Start

  Who can use this feature

  Users in Professional or Figma Organization Plans. Users on Starter Plans get up to 30 days of Version History.

  Overview

  Version History allows you to view earlier versions of a file and restore or duplicate any version. Versions are automatically saved when there have been no changes to the file for 30 minutes. 

  This means that if you work continuously on a file for 3 hours and then stop editing, one version will be created after 30 minutes of inactivity. Your changes are automatically saved so if you close your tab, your version will still be saved.

  Viewing Versions

  To view a file’s Version History:

  1. Click a blank area of the Canvas to see the file name in the Toolbar
  2. Select the drop down icon to the right of the file name
  3. Choose Show Version History

  Version History will replace the Properties Panel on the right side of the Canvas. You can see when the file was edited and who made the  changes. 

  You can close the Version History view and return to the Properties Panel by pressing the blue Back to Editing button in the upper left corner of the Toolbar.
  
  Selecting a specific version will show that design and reveal who made the changes. You can also click on the menu button (the icon with three dots) to: name, restore, or duplicate the version.

  

  Naming or Adding a Version

  You can name an existing version by viewing it and then selecting Name This Version from the menu dropdown.

  You can also manually create a new version anytime by using the keyboard shortcut  Command + Option + S on Mac and Ctrl + Alt + S on Windows, or by selecting Save to Version History from the File Menu. 

  When you name or save a version, you’ll be able to add a title and short description. You can add details to describe the changes you’ve made in this design iteration, or any other details that may be relevant, such as a milestone.

  

  Duplicating Versions

  Duplicating a version creates a new file which is an exact copy of the version without any of the version history, comments, or sharing permissions.

  Restoring a Version

  You can restore a Figma File to a previous version by selecting Restore This Version from the dropdown menu next to the version. This will restore the file to that specific version and create a new autosave version in your history.