How Do I Lock the Navigation Bar in Figma?

Figma is a powerful design tool used by professionals in the industry to create, prototype and collaborate on designs. It is an incredibly useful app for designers and developers alike.

One of the great features of Figma is its ability to lock the navigation bar, which allows users to focus on their designs without worrying about accidentally making changes or moving things around.

Locking the navigation bar in Figma is a simple process that only takes a few steps. The first step is to open your project in Figma.

Once you have your project open, click on the “Page” menu at the top of the screen and select “Lock Navigation Bar”. This will bring up a dialog box asking if you want to lock the navigation bar for this project. Click “Yes” and it will be locked.

Once your navigation bar has been locked, it will remain locked until you choose to unlock it. To unlock it, simply go back into your project and click on the “Page” menu again. Select “Unlock Navigation Bar” and you’ll be able to make changes as desired.

Styling The Navigation Bar

You can also style your navigation bar in Figma using CSS. To do this, first open up your project in Figma then click on the “Style” tab at the top of the screen. This will open up a list of options for styling your navigation bar including colors, fonts, sizes and more.


Locking and styling the navigation bar in Figma is an easy process that can help keep your design projects organized and focused. With just a few clicks, you can keep unwanted changes from occurring while allowing yourself full control over how your designs look and behave.