How Do You Do Drop Down Prototype on Figma?

Drop down prototypes are a great way to test the usability of a website or application. With Figma, you can easily create a drop down prototype that is tailored to the user’s needs. All you need is an idea, some time, and a few clicks.

The first step in creating a drop down prototype on Figma is to create your artboard.

To do this, select “Create New” from the top left corner of the Figma interface. Then name your project and choose an artboard size that fits your design goals. Once you have created your artboard, it’s time to add elements. You can use Figma’s built-in elements or create custom shapes with the vector tools.

When you have all of your elements in place, it’s time to start adding interactions. To do this, open the “Interactions” panel on the right side of the interface. Here, you will see options for adding triggers and actions which will define how users interact with your prototype.

The trigger is what initiates an interaction. For example, if you want users to be able to select from a drop down list of options when they click on an element then you would choose “Click” as your trigger.

The action defines what happens after the trigger has been activated. In this case, you would choose “Drop Down List” as the action which would display a list of options for users to select from.

Once you have added all of your triggers and actions, it’s time to test them out! To do this, click on the “Preview” button at the top right corner of Figma and watch how your prototype behaves as you interact with it.


Creating drop down prototypes on Figma is easy and intuitive process that requires minimal effort but yields great results. With just a few clicks you can add triggers and actions that define how users interact with your prototype and preview them in real-time so that any changes can be made quickly and easily before going live!