In this article, you will learn everything about Pages when using the Design File option in Figma. If you are the kind of designer that does all the work on one page, don’t worry, we won’t judge you, but we kindly suggest you start applying the use of Pages to make your workflow more efficient. This feature can be very helpful for someone who has different aspects to design in their program or application.
If you ever used other design programs such as Photoshop or Illustrator, you may relate more to the term Layers. What both features share is that they allow us to separate elements depending on their semantics.
Let’s say you have a big project named Food, inside Food, there will be more categories such as Fruits and Vegetables, Proteins, Dairy, and Fat. Within them, you will find more foods related to each one of them. To avoid getting lost —or losing time finding the elements inside the project— we will use the Pages to neatly separate each one of these categories.
Page 1: Fruits and Vegetables
Page 2: Proteins
This way, you can simply choose the Page you want to work on and have everything in place. To create a Page, go to the menu in the upper left corner and press the plus + icon. If you want to change the Page name, you can do it by right-clicking on page 1, and that’s it.
You can move elements from pages if you need to assemble parts of the project already done by right-clicking the element you want to move and choosing in the dropdown menu Move to page.
Files clear, mind clear. Remember to use the Pages option to keep your workflow easy and smooth and keep exploring Figma.