10 Advanced Figma Hacks in 2024

⚡️ Join my monthly newsletter for exclusive goodies:

---

✅ Downloads:

⚡️ Timestamps:
00:00 - Download the exercise file!
00:12 - Statuses
01:30 - Annotations
02:34 - Using arrows
03:34 - Min-width / Max-width
04:50 - Variable breakpoints
06:23 - Figjam connectors
07:00 - Searchable icons
08:26 - Auto Layout parent frames
09:09 - Looping variables (Very advanced)
13:58 - User variables

---

Become a highly-demanded Product (UX/UI) designer with me:

Learn My Real-world End-to-end UX/UI Design Process (NEW! 200+ students)

Master Figma with my Ultimate Figma Design Masterclass (7,500+ students)

Practical UX Research & Strategy Masterclass (700+ students)

Shipfaster UI - Advanced Figma Design System (3,500+ designers)

Outline - Figma Wireframe Kit (500+ designers)

Follow me on IG (Daily updates):

---

Follow and learn with me:

[findgautham]

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

[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.

[gunikasehgal]

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!

[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 :)

[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.

[JhonatanChavezMusic]

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

[Fatih-xlyn]

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.

[foxy.mel]

Thank you, Mizko, that's was so helpful <3

[markomilosavljevic]

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?

[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

[dipeshparmar]

Thank you for this video, it is really helpful.

[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.

[The-Black-Viking]

I was a flash then Axure prototyper. SO GLAD FIGMA HAS VARIABLES. people have no idea. Its about to go down!!

[borissokachev]

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.

[koolabhinay]

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

[opsnax]

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

[jaretmorquecho]

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

[koekie]

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

[rigidhammer]

could you please update your crash course?

[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