10 Advanced Figma Hacks in 2024

[@findgautham]

incrementally updating that progress bar has blown my mind, there's so many uses for conditionals now that I see you use it

[@gunikasehgal691]

Hey Mizko, amazing hacks-every single one is incredibly helpful for us! Your insights always push us to step up our design game. Thanks for sharing!

[@Mizko]

🫶 So happy to hear!

[@ItsJackFrostYo]

I love the last bit on making the name a variable! At work I always preach about using as realistic data as possible for prototype testing and this extends to the users name. Makes it way more personal.

[@LadieLKDesigns]

Thank-you for outlining these. I've been utilizing the variables feature since the release and getting more comfortable using it and the last hack for user testing is just what I was looking for. Also, we did a BBQ (Grilled Out) last night: ribeye steaks (medium rare) & a melody hash of fresh diced & seasoned: potato/onion/garlic/tri-color cherry tomatoes.

[@foxy.mel19]

Thank you, Mizko, that's was so helpful

[@dipeshparmar8158]

Thank you for this video, it is really helpful.

[@Underhills]

This is very handy 👍

[@playpiano2264]

Finally a great hairstyle 🔥💯

[@Fatih-xl7yn]

Thanks for your videos 🫶🏼 im not an UI/UX designer nor a developer but I have a really nice app idea and I do it all by myself. Your videos help me a lot.

[@kermitec]

Just a heads up... status is built into the Sections tool within Figma. You can set a number of status details there and do not need a new control to do this. It also allows you to group screens together to help keep things in order.

[@Mizko]

Yep! We use sections for grouping components and prototype flows but we still like our kit 😁

[@opsnax1468]

Hey Mizko, great video! Can you explain how you used nested arrows? I'm curious which key you pressed to create them.

[@skarlax661]

Personally I use text replacements in the keyboard options. I simply replaced "-->" by "↳" :)

[@mattwalker5383]

I had the same question. Did some googling, it looks like it is Unicode. Code: 21B3 ↳ Downwards Arrow With Tip Rightwards Then, according to wikipedia: Hex input of Unicode must be enabled. In Mac OS 8.5 and later, one can choose the Unicode Hex Input keyboard layout; in OS X (10.10) Yosemite, this can be added in Keyboard → Input Sources. Holding down ⌥ Option, one types the four-digit hexadecimal Unicode code point and the equivalent character appears; one can then release the ⌥ Option key.[

[@opsnax1468]

@@mattwalker5383 yes got it Thank you ❤️

[@DianaChitchiyan]

@@mattwalker5383 thety are available in edit menu under emojis and symbols. You can use the search in the pop-up to narrow down to arrows

[@AxidEditing]

To turn the Progress bar green we would set the Else statement of the Timer Loop Green instead Purple after hitting value over 200, correct? Thanks :)

[@borissokachev1471]

I saw a file in the figma community of a *functional search input with suggestions as you typed* It was insane, almost impractical. But i can see it being hella useful for user testing scenarios.

[@jaretmorquecho1328]

Mizko could you make a video Making your portfolio in figma ?

[@koolabhinay6898]

Hey Mizko, can you tell me how to use double auto layout in the figma 2024 update

[@NyteMyre]

WTF.... i've never seen this video before, but that status bar you showed first looks EXACTLY like the one we designed ourselves. Okay, the option to hide the status and the variant names are different, but WTF :D

[@tommyKal22]

Spaghetti Aglio e Olio was my dinner! Cheers!

[@GavinWoodthebarbarian]

how do you type the arrow?

[@minhanh0604]

If you have a mac, open the emoji tool box by short cut combo with fn and e keys. Then see and select the arrows you like.

[@JhonatanChavezMusic]

I don't get how to creates nested arrow for pages 😔

[@suniljadhav1889]

Great Thanx

[@nana_laoshi]

🔥🔥🔥🔥🔥

[@Mizko]

✌

[@rigidhammer7376]

could you please update your crash course?

[@DesignLB]

@mizko where exactly is the link or caption to the "Become 10x faster and smarter in Figma"? I've tripled-check in searching for the video and/or description.....

[@markomilosavljevic7272]

Statuses are not working as displayed in the video for me. When I toggle status "ON", I don't get additional options to change status. I have to drill down into the component to actually change it. Can you tell us how did you achieve to be like it is displayed in a video?

[@koekie84]

No hacks here... just tips on how to work better/faster in Figma

[@zaneparker3098]

LoL!!! Fish and a protein shake.

[@hazelandrews4272]

I had hamburger helper with French style green beans for dinner

[@feelcollins4358]

Have you been getting enough sleep, Mizko? You look worn out 😂

[@Mizko]

I've actually been getting the best sleep this winter 😂 I'm getting old, wrinkles are inevitable lol

[@GraveRave]

@@Mizko Just turned 37 still feel like a young bull, but with low back pain.

[@Mizko]

​@@GraveRave Haha I'm actually feeling fitter than ever before as well. Gotta introduce back extensions in your your workouts.

[@UdayPratap-v2l]

RIP MIZKO

[@vesuviusneil]

if I hear "go ahead" one more time

[@MyDigitalHub]

TENtenenen!

[@RidinDinesh]

Misleading title, these are not hacks lol.