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

Подписаться 172 тыс.

Просмотров 488 тыс.

50% 1

My Ultimate Figma Design Masterclass (3,000+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/t...
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 thedesignership.com/products/...
Outline - Figma Wireframe Kit (350+ components and variants)
👉 www.thedesignership.com/produ...
Sign up to my newsletter for exclusive content:
👉 mizko.net/newsletter
Follow me on IG (Daily updates):
👉 / themizko
===
Level up with me:
Become a legendary designer: thedesignership.com
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko

Развлечения

Опубликовано:

28 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 286

@Mizko Год назад

👉Become a Figma Expert & Master and End-to-end UI Design Process in 8 hours with me 👉 www.thedesignership.com/courses/the-ultimate-figma-masterclass (5,200+ students)

@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. 👍

@mistermotoki Год назад

Yes „a lazy programmer is a good programmer - because he never does things twice.“ DRY absolutely applies to design as well. Figma is a great place for this.

@melkor66 Год назад

Thatss a freaking great term sir, thank you. I'm gonna passionately use it, even in out of context situations, for the rest of my life!

@railpressureflip 5 месяцев назад

Excellent analogy, thank you for that! Also I feel like with the age of computers, anything that can be automated, should be automated. Simple.

@traviswettroth4391 27 дней назад

Great video

@Andy-si1pl Год назад

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

@Mizko Год назад

Exactly! Similar to React and Vue, components are self contained :)

@thefanboy3285 Год назад

Thank you for tat information. I'll remember that when I get into React

@nimawheeler 2 года назад

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

@justynalitwinska6996 Год назад

Ha! Jima, I also noticed that there is this space for improvement. I guess we are even much more lazier than MIizko is 🤪😜

@nobody-bt7mu Год назад

Thanks for that tip!

@mirrorlax7113 Год назад

Yes but this does not address if the linking needs to be changed... you'd have to do it to each page... unless it was an instance of a component.

@JoJoboiWav Год назад

thanks dawg

@BaukeSchildt Год назад

@@mirrorlax7113 No, he means that when you copy the instance (with the links done), select all the pages, and then hit cmd-v (paste), you will have all the instances on those pages in one go. Instead of "Select page, cmd-v, select other page, cmd-v, etc." it will be "Shift-select page, page page, cmd-v".

@femoskeydev 2 года назад

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.

@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!

@hamzajamal2047 Год назад

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

@djisraelmix323 Год назад

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

@danielvaega Месяц назад

Learning the true power of components is like that first time you successfully climb the snowy mountain in Skyrim, and learn to use the shout.

@itefai1105 2 года назад

Great as always, love your content Mizko!

@Gearyco 2 года назад

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

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

@masonguillory3790 2 года назад

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

@Ravikiranks12 Год назад

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

@muhammadbacar6051 Год назад

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

@rupaliandhale4524 Год назад

Awesome trick! Thank you Mizko🥰

@njengathegeek 2 года назад

You nailed it as usual my guy 👊🏽👊🏽

@TheKarishma89 10 месяцев назад

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

@jackwarner7827 Год назад

This is exactly what I needed, got 170 screens on a mobile app with the same menu! Subscribed!

@rachelmoldovan8214 3 месяца назад

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

@bluerhinoo 2 года назад

Thank you Mizko 🔥 Can’t wait for your next course.

@Mizko 2 года назад

It's coming :)

@hanabadz Месяц назад

exactly what i needed. thanks!

@jusren 2 года назад

OMG! What a time saver! Thank you for sharing this!

@daliovic24 2 года назад

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!

@thijsbaarda Год назад

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

@jun6575 2 года назад

You’re Awesome! Just what I was looking for 🙏

@PauloHenriqueGuedesTecladista 2 года назад

Mind blowing! Thank you so much for this tip.

@aliemarah Год назад

Very smart. Thanks Mizko!

@mathewbrown8850 2 года назад

Gold.....absolute gold, good work homie!

@lexib9516 2 года назад

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

@Mizko 2 года назад

Haha Lazy Lexi!

@abubalo 2 года назад

This simple tip deserved a sub. Had to hit that button.

@TheTimeCapsule00 Год назад

Mizko You're the STAR!!!!! 🌟 THANK YOU :)

@ab-yp2gn Год назад

Thats so awesome!! thanks

@rumanaislam4758 Месяц назад

This guy is on another level 🫡

@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

@shinkuro6331 Год назад

I want to learn animations and prototyping in Figma so that I don't have to rely on another software like After Effects. What resources did you find to be most helpful and quick?

@alxmtncstudio2066 11 месяцев назад

Because AE is a raw-power animation software. Figma has only one aim: designing for the web, so it's based off of web development principles

@lotfisouki1709 8 месяцев назад

Thank you bro really saved my time keep sharing more videos like those 5min with a lot of benifits

@inertingd373 Год назад

Madness, thank you buddy. Do you have a set of video like this ? Tips on Figma ? Short and straight to the point

@MarkWhiteartist 5 месяцев назад

Love this. Didn’t know we can do that with components.

@yamiben64 2 года назад

that might save a lot of time and effort for my lil project. Thanks mate!

@nikolayhristov7883 4 месяца назад

Thank you very much ! So appreciate that!

@WindowFilms.2.0 22 дня назад

thank you so much mate made me complete my assignment 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

@milindkhadse556 Год назад

This is very helpful thank you

@jazzthedragon Год назад

Great Tutorial. Thanks!

@shereedillon743 Год назад

Thank you for the great tutorial! I realised straight away when I couldn't just do a component and link the prototype once that I was doing too much work. I wish that you didn't have to create the component and THEN paste it back into your design. If you have a component already in your designs, you then have to go and delete it out and then put it back in again after you've done the prototype linking. Just a little annoying when you think you've already done things the smart way but you haven't.

@colbysandaidensgamingchann6599 Год назад

great thanks for that! Very clear and articulate!

@empowerthecurious Год назад

This is clutch! Thank you!

@chadbrockman4477 Год назад

Great video - thanks much.

@ayambaasong4425 Год назад

Just when i needed it. Merci beaucoup.

@coreydixon3194 Год назад

This is great, man!

27 дней назад

I've been lazy for the past 30 years but I go bored designing UI's since I am a backend/AI guy. Now with Figma and your tutos I want to be lazy with UI's again! Thanks a lot

@krypt0n54 2 года назад

Great video and insights as always. Looking forward to your next one.

@Mizko 2 года назад

🤙🏼

@maaxsandher Год назад

You are amazing!!! Thanks for the video!

@BenoNetto Год назад

Cool tip! Thanks!

@JoseDavid-bv8lo 9 месяцев назад

Very useful tutorial!

@AdCha7 Год назад

Bro, i just saved so many hours of work, thank you !

@anuproy6213 Год назад

Very Nice and useful information 👍

@deazlyinc5437 Год назад

Man your earn a subscriber.. yesterday i was trying to do the same way.. but my approach was different, i was experimenting on component page.. Thank Miz

@yandoru Год назад

Easy, useful!

@CarlosHenrique-ku1ph 2 года назад

You save my day! thanks

@melxviera6936 11 месяцев назад

Buenisimoooo!! sos un crack / So goood, you're a genius

@stefangagu9247 Год назад

exceptional, thanks

@mirrorlax7113 Год назад

Thanks Mizko!!!!!!! Amazing :)

@Leo-ev9ss 6 месяцев назад

谢谢！我先在使用你的video学习

@tivenk Год назад

Legend! Thank you

@CitoTalvi Год назад

very helpful, thank you

@KelvinChiuFilms Год назад

YOU ARE AMAZING.

@tusharkuntawar6170 Год назад

Very nice!

@vandanaparimi5227 Год назад

Ty I got my first divine because of you

@siau-jiunlim2691 Год назад

lol.. you are so entertaining. Nice work!

@mirrorlax7113 Год назад

Exactly what I was looking for. A lazy smart way.

@heloisaguarda7509 2 года назад

Great video!

@happyui204 2 года назад

OMG I'm a beginner but im so happy I learned it now

@neoshung3656 Год назад

I accidentally did this when i was making a prototype for my ux google certificate 😂 now i know what i was doing. Thanks for sharing this

@jcasstudio Год назад

Good trick thanks

@od1592 5 месяцев назад

Hi, thank you. To improve the effeciency a little bit further after creating the navigation component, I use to select all frames at once an paste at once the nav to all. than you are close to @ 100% efficiency. Bye

@otoide Год назад

Thank you!

@IMzz12 8 месяцев назад

THANK YOU THANK YOU THANK YOU!!!

@campingandrelaxing 2 года назад

Thank you so much!

@njengathegeek 2 года назад

1st statement made my day 😅😅

@joiltonmelo 2 года назад

Great tips!

@Mizko 2 года назад

Thanks Joilton!

@andreaagricola5148 Год назад

AMAZING!!!!

@monlifes Год назад

Well done, and love the accent!

@itsmartinalo 2 года назад

Ilysm for this thank you

@hadeelhadeel6938 Год назад

OMG!, great video.

@RLNDcaST 2 года назад

Yep... Have done this for website navigation menu. Dont know how i become up with it but yeah i have used it some time ago. And will keep up using it😁

@diegoguerra4829 Год назад

nice video!

@3ly5e Год назад

THANK YOU holy sh this was too hard to find

@user-jz7fo4pr8y Год назад

Hi Mizko! If we wanted to add a selected state to the categories, is there a way to do that while also keeping the links?

@laxmandeep693 Год назад

very helpful

@firebutterfly 8 месяцев назад

Still helpful 1 yr later. Ty.

@meettrivedi991 2 года назад

Hay Mizko! You just revealed my design secrets! 😁

@AndyMasfar Год назад

THANK YOU

@adamstuartclark Год назад

I'm going to use that extra free time to go bask in the undeserved glory of looking like a design genius to my colleagues. Thank you.

@anastasiya5388 Год назад

Thanks! But how about projects, where you should use one component for many different types of screens? Does it mean, that every time when I have to use main component, I have to relink it again?