Create Navbar
~10 mins
- figma
Create a Navbar
Prerequisite
- Step 1: Add a Frame with a preset, Macbook Pro 14"
- Step 2: Create a Grid Vertical Layout( 12 column grid , Margin 140px , Gutter 30px , background color as white )
Task 1: Create a navbar
-
Create a rectange - height: 70px
-
Shortcuts
- Key down increases "y" value by 1
- Shift + Keydown increases "y" value by 10
Task 2: Set background color
- Black/White Overlays
- Change transparent (opacity): Set 20%
Create Logo
- Create Rectange
- 2 column Grid fit
- Fill -> Color
Change to rounded rectangle
- Change "Cornder radius" to 40
Duplicate the box
-
Ctrl + C, Ctrl + V
-
Alt + Drag which duplicates the box
Align - Vertical Center
- Drag and select all menu items