The CORRECT (and lazy) way to prototype | Figma Tutorial

My Ultimate Figma Design Masterclass (3,000+ students. 90+ Videos. 10+ hours)

Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)

Outline - Figma Wireframe Kit (350+ components and variants)

Sign up to my newsletter for exclusive content:

Follow me on IG (Daily updates):

===

Level up with me:

[Mizko]

👉Become a Figma Expert & Master and End-to-end UI Design Process in 8 hours with me 👉

[kevinrobertandrews]

In programming, there is a principle called "DRY" which stands for "Don't Repeat Yourself". Even though we're talking about design here, I think the DRY principle very much applies. If you ever find yourself repeating the same task over and over, you can almost always abstract that task into a reusable form, like a component, and have a single place with which to make changes. 👍

[Andy-sipl]

You are basically describing how programming in React JavaScript works. This is awesome

[nimawheeler]

It is also faster to click all the pages and paste the component at the same time. (After placing it on the first page and copying it from there.)

[femoskeydev]

Awesome. I use this method almost on every interactive components I have on my UI really saves time. Thanks @Mizko for always giving the best resources.

[hamzajamal]

Omg, you saved my arse for future projects. I recently worked on an online editor prototype and manually did 1000+ prototype links

[MarcelQT]

Great video. As a dev I’m trying to learn figma and upskill my design. This video has saved me hours for future projects. Thank you!

[djisraelmix]

Dude, the answer was components, and literally that's what I was learning/practicing today. I'm on the right path. Thank you, Mizko!

[esinkovits]

Nice tutorial. I already knew this but it is nice to see anyway. I have been lately using component states to create expanding and collapsing accordions.

[itefai]

Great as always, love your content Mizko!

[Ravikiranks]

Thanks for the tutorial, you saved a lot of time. Also i tried adding hover and pressed state for the menus, it worked. Thanks again man, keep posting..

[muhammadbacar]

Already knew this trick and it was so effective made me do my designs much faster

[lexib]

I adore you!!! I knew something like this was possible but didn't really know how to approach it. Amazing video as usual!!! Sincerely, Lazy Lexi

[Gearyco]

Savior. Watched five other tutorials that claimed to show this, but they don't do it right. You're the man.

[daliovic]

Awesome trick!
Also, you might consider getting a pop filter, it will definitely be a great addition to your already good quality mic.
Keep up the good work!

[rachelmoldovan]

Im not kidding. This saved me probably hours of my life and I am so grateful. Blessings to you, Mizko! lol

[IsionIndustries]

I’m slowly getting adjusted to working with animations in Figma. Coming from After Effects Figma is quite different but thanks for the tip! This will come in handy once I get more familiar with Figma

[thijsbaarda]

Nice one, short, simple, to the point. My kinda tutorial!👌

[masonguillory]

Spent 5 minutes watching this vid, saved hours on my prototype. Thanks Miz, might just hop on the design ship.

[TheKarishma]

Amazing tip, it took me only few seconds to make all connections in my prototype. Thank you!