How To Create Multi Steps Navigation Bar In Figma

Опубликовано: 02 Июнь 2026
на канале: Product Meow
5,342
88

You will learn how to create steps navigation bar. Steps is a navigation bar that guides users through the steps of a task.

Timestamp
00:00 - What the final prototype look like
00:20 - Overview of components needed to create the final prototype
00:50 - Creating STEP component set
10:47 - Creating PROGRESS LINE component set
12:34 - Combining STEP and PROGRESS LINE component sets to create STEPS component set
17:26 - Creating BUTTON component set (for Next and Previous buttons)
20:53 - Putting all the components together to create the final prototype
24:53 - Final prototype