Web Design » Figma » How Do You Make a Pop Up in Figma?

How Do You Make a Pop Up in Figma?

Last updated on September 28, 2022 @ 9:05 pm

There are a few different ways that you can make a pop up in Figma. You can use the built in modal window, which is great for small amounts of text, or you can create a more complex pop up using the frame tool.

To create a modal window, first create a frame that will serve as the pop up. Then, go to the interactions panel and add a trigger.

Set the trigger to “on click” and choose the “open modal” action. Finally, add an interaction to the close button within the modal window so that it closes when clicked.

PRO TIP: This article contains advice on how to make a pop up in Figma. However, it is important to note that making a pop up in Figma can be risky and may result in your work being lost or damaged.

If you want to create a more complex pop up, such as one with multiple tabs or sections, you can do so by using the frame tool. To start, create a frame that will serve as the pop up.

Then, add rectangles within the frame to serve as tabs or sections. Finally, add interactions so that clicking on a tab or section will open up the corresponding content within the frame.

Creating pop ups in Figma is a great way to add interactivity to your designs. By using the built in modal window or the frame tool, you can easily create pop ups that are both interactive and informative.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.