How Do I Add Screens to Figma?

Figma is a powerful and versatile design tool that is used by teams and individuals around the world for creating a wide range of digital products. One of the most useful features of Figma is its ability to add new screens.

This powerful feature allows users to quickly and easily create complex designs, prototypes, and layouts in just a few clicks.

Adding a new screen to Figma is simple and straightforward. To get started, open the file you would like to add a screen to in Figma.

Then, click on the “+” icon located in the top right corner of the toolbar. This will open up a dialogue box where you will be able to select either “Add Screen” or “Create New Screen”.

When creating a new screen, users can choose from several different options including: Desktop, Mobile, Web and Custom. Each option provides different features depending on the type of design or prototype being created.

Once you have selected your desired option, you will be taken to an empty page where you can begin designing your screen. In order to start adding elements to your page, simply click on any of the icons located on the left side toolbar. These icons represent different shapes or objects that can be added such as lines, circles, squares or text.

To resize any element that has been added, simply click and drag it until it reaches its desired size. You can also change colors by selecting one from the color palette located at the bottom of your toolbar.

Once all elements are placed on your page it is time to start styling them accordingly.

Users have access to several different styling options such as drop shadows, gradients and borders. To apply any style simply select it from the styles tab located at the top right corner of your toolbar.

By following these simple steps users will be able to easily add screens and style their designs within Figma.


Adding screens to Figma is incredibly easy and allows users to quickly create complex designs without having any prior coding experience or knowledge. To add screens simply open up your file in Figma then select either “Add Screen” or “Create New Screen” from the dialogue box that appears when clicking on the “+” icon in the top right corner of your toolbar.

Once you have selected an option for your screen you can begin adding elements such as lines, circles or text which can then be resized or colored accordingly using tools found within Figma’s left side toolbar. Finally once all elements are placed users have access to several different styling options located within their styles tab which allow them further customize their designs with ease.