Web Design » Figma » How Do You Create a Hamburger Menu in Figma?

How Do You Create a Hamburger Menu in Figma?

Last updated on September 28, 2022 @ 10:42 pm

A hamburger menu is a graphical control element that allows users to choose from a list of options. It is typically used in web applications and mobile apps.

The most common use of a hamburger menu is to provide a list of links to the main sections of a website or app. For example, a hamburger menu might be used to provide links to the home page, the About page, the Contact page, etc.

PRO TIP: This article contains outdated information about Figma’s hamburger menu feature. Figma has since updated their hamburger menu feature, and the instructions in this article may no longer work.

Creating a hamburger menu in Figma is easy! First, create a new frame.

Then, add a rectangle shape to the frame. Next, add three lines to the rectangle shape. Finally, add a link icon to the frame.

That’s it! You’ve now created a hamburger menu in Figma.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.