How Do You Do Pop Ups on Figma?

Figma, an online vector graphics editor, is a great way to create beautiful designs. It is user friendly, and provides a variety of features like layers, shapes, text, backgrounds and more.

One of the most useful features of Figma is its ability to create pop-ups. These pop-ups are great for displaying additional information or providing the user with helpful instructions.

Creating a pop-up in Figma is surprisingly simple. First, you need to create a new frame by clicking on the “+” button in the top right corner of the canvas.

This will open a new frame where you can design your pop-up. Next, select the “Popup” option from the “Frame” menu at the top right corner of your screen. This will open up a window where you can adjust your pop-up settings.

In this window, you can customize your pop-up’s size, background color and position on the page. You can also add text or images to your pop-up if needed. Once you are done customizing your pop-up, click on the “Done” button at the bottom right corner of this window.

After creating your pop-up in Figma, it is important that you make sure it works properly before publishing it to your website or app. To do this, click on the “Preview” button at the top left corner of your screen and then select “Popup” from the dropdown menu that appears. This will open up a preview window where you can test out how your popup looks and functions.


Creating Pop Ups on Figma is an easy process that requires just a few steps to complete successfully. All one needs to do is create a new frame, select ‘Pop Up’ from the Frame menu and customize their settings as desired before previewing their work and publishing it online or in an app.