Figma tutorial: Mobile navigation bar

  Рет қаралды 3,658

masha

masha

Күн бұрын

Пікірлер: 23
@mash312
@mash312 Жыл бұрын
💡Tip: keep your icons flattened + name icon vectors the same to avoid broken colors during instance swapping or variant switches.
@alexzlatkus7057
@alexzlatkus7057 Жыл бұрын
Never thought to restrict casing to `Title case`! Just a nice way to further ensure no human error!
@mash312
@mash312 Жыл бұрын
Indeed:) helps to lock in casing decisions too 🙏
@aclaymotion
@aclaymotion Жыл бұрын
Oh my god in this video I learned to avoid two things that cost me hours in the past 😅 thank you so much again. I love your content.
@mash312
@mash312 Жыл бұрын
haha i can relate to that, i've wasted so much time fixing/updating things in the past 🫣 thank you for the kind words and for sticking around
@faronms2928
@faronms2928 6 ай бұрын
This is really what I've been looking for. Thank you 💙
@mash312
@mash312 6 ай бұрын
thank you :)
@faizmediainc
@faizmediainc Ай бұрын
pretty straight forward
@mash312
@mash312 Ай бұрын
thank you :)
@faizmediainc
@faizmediainc Ай бұрын
@@mash312 keep going
@gerbendol2837
@gerbendol2837 Жыл бұрын
This was very insightful, thank you! 😁
@mash312
@mash312 Жыл бұрын
thank you! ☺️
@sachinwalia264
@sachinwalia264 Жыл бұрын
Really helpful, thanks!
@mash312
@mash312 Жыл бұрын
you’re welcome and thank you :)
@pwanoi28
@pwanoi28 9 күн бұрын
Does this work with icons where, the selected state uses filled icons and the non-selected state uses the line ones!! Would love get some inputs here! Thank you for the video though 🙌
@mash312
@mash312 7 күн бұрын
yes, you could create a variant for each icon individually (it's one extra step but it's definitely possible)! and thank you :)
@liliya5930
@liliya5930 7 ай бұрын
Thank you very much! Another excellent video, as always. Could you please create some tutorials on mobile native components for Android and iOS?
@mash312
@mash312 7 ай бұрын
thank you
@imamrizkyr2018
@imamrizkyr2018 Жыл бұрын
damn im so confused how to frame uneven size of frame of the logo
@mash312
@mash312 Жыл бұрын
if you share the file with me I can take a look :) mash@hey.com if I understand the problem correctly though, typically I wrap the icon/logo in auto layout, center it (you may need to remove default padding), and set the width/height to some fixed value
@Uyai_Inyang
@Uyai_Inyang 3 ай бұрын
Hi. Please my icon aren’t changing. It’s just the label that’s working. Can you help?
@danielfabian786
@danielfabian786 Жыл бұрын
T..,. pretty 💕.....😎 cool
@mash312
@mash312 Жыл бұрын
thank you :)
Figma tutorial: Tracker (timeline) component
12:20
masha
Рет қаралды 4,3 М.
Мясо вегана? 🧐 @Whatthefshow
01:01
История одного вокалиста
Рет қаралды 7 МЛН
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
Create a Functional HAMBURGER MENU NAVIGATION in Figma (Tutorial)
15:28
Flexible Nav Bar with Auto Layout - Figma Crash Course
13:07
Sketch Together
Рет қаралды 39 М.
Complete Guide to Creating Dynamic Table Components on Figma
5:07
Mindesigning
Рет қаралды 36 М.
Master Spacing in UI Design 💪
10:23
Jesse Showalter
Рет қаралды 63 М.
Tutorial membuat navigation bar di figma
8:37
Enrico UI Designer
Рет қаралды 651
Figma tutorial: Auto layout navigation menu
7:38
Figma
Рет қаралды 409 М.
The Right Way To Build A Navigation Bar In Figma!
9:46
Product Sensei
Рет қаралды 98 М.
How to Design an Interactive Bottom Nav in Figma | Beginners Tutorial
11:56
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00