Become a Figma PRO with my Masterclass Course (70+ Videos and 7+ hours of detailed walkthroughs, tutorials, challenges and more) 👉 thedesignership.com/courses/the-ultimate-figma-masterclass/ Grab my Advanced Figma Design System (600+ Designers, 200+ components, Light & Dark Mode) 👉gum.co/figma-design-system-td (Get $10 OFF: youtube-10) Yours truly, Mizko
I love your tutorials, and the way you explain things is clean and clear... I'm done with your free goods. I will get into your full course now. Thanks so much!
Hi @mizko question for you. Coming from using Sketch App, I was used to changing text styles along with their color attributes quick and easy. In Figma, I'm challenged. I have a complex slide deck presentation in the works and need to the change the color of all my H1 Text Style instances from a black color, to a blue color. There doesn't appear to be a quick, easy way to mass/batch change color properties from my current understanding. Can you share with the community, how to control/change color properties on text styles using my use case as a reference? Thanks!
Just a curio... Display headings are great. My curiosity stems when thinking ahead to the developer... What do they use for Display headings when coding since h1-h6 are used for regular headings?
I really this videos, you're good, am your fan❤ I just wanna ask how can I just save the type styles automatically instead of going through it naturally? 😢..
thanks for the video - good stuff - what about managing type across different platforms? Let's say I have designed 50 screens of an iOS app using SF Pro Font - I want to now duplicate the designs and apply the Robotto to create Android specific screens - what's the best workflow to do this?
For the next video can you zoom into the screen when you click so we can see a little more. I'm on a phone 📱 and it's a little small. Alsooooooo yayy love FIGMA!
@Mizko Bought your design system, but wanted to ask, any tips on managing multiple fonts? Ie: Brand font for headings, and a better UI font like Inter for UI fonts? Also have you ever come across other good (free) UI fonts other than Inter?
Hey Matt, Thank you!! I would highly recommend Google or Typekit fonts for 'free/very affordable' web fonts. I will make a quick video to next week to walk through all my favourite free fonts for UI as well. I normally use the 'brand' font for major headings and on the marketing website. When it comes to UI, I try to keep to simple and legible fonts.
Looking over at the Design System and I noticed on Molecule/Alerts the Labels for the variants Success and Error are in the wrong place. I'm looking at v1.1
Thanks Mizko for all these videos. They're really great. Can anyone reading help a newb? I find that in the preview of Mizko's design Shipfaster, for example, one of the biggest things I notice aside from it being awesome, is that as I float around it with my mouse, EVERY element is picked up by the mouse (highlighted, ready for selection). When I do the same on my own boards, I have to triple and quadruple click on things to even select them. It's a nightmare to choose something like text to edit, and I'm having a hard time understanding what I'm doing to cause this. Fresh file, document, fresh frame, etc. Same results. Any idea at all where I can start to look for the cause? Thanks!
Bro, I have been adding the font styles into my design system, still when I use the style as an instance the default color is always #000000. Is this normal? The basic font style supposed to be e.g. a grey color..
Hey Testy test test, colors are treated separately from text within Figma. If you want to maintain the same color you will need to create a component instead.
I bought your system, received the file and followed your instruction video. However, figma (at my end) does not accept the file. I would appreciate some guidance on how to sort it.
![Ice On My Teeth - ATEEZ エイティーズ 에이티즈 [Music Bank] | KBS WORLD TV 241115](http://i.ytimg.com/vi/c-n92OgbbwA/mqdefault.jpg)
Become a Figma PRO with my Masterclass Course (70+ Videos and 7+ hours of detailed walkthroughs, tutorials, challenges and more) 👉 thedesignership.com/courses/the-ultimate-figma-masterclass/
Grab my Advanced Figma Design System (600+ Designers, 200+ components, Light & Dark Mode) 👉gum.co/figma-design-system-td (Get $10 OFF: youtube-10)
Yours truly,
Mizko
Definitely getting this.. many thanks sensei
Definitely appreciate the series. I am a well-experienced UI Designer and trying to keep up with the ever-changing environment. Thank you!
This is the best design system explanation ever in youtube
These videos are pure gold Mizko! I'm just starting my first design system, so it's helping me a lot!
Thanks for putting in the effort!
I'm bingeing this whole Figma design systems tutorial series. Phenomenal work Mizko!
I love every single part of these design system video, you did it bro make me becoming super hero
Thanks! I didn't realize why the "/"s were important until this episode
You are going places! amazing teacher, thank you for these and the tutorials are so helpful :)
Thank you so much Laurie!! Appreciate it.
Very very helpful series ✨🎉🎇🎆🎈
Thank you Mizko
Thank you MD!
I love your tutorials, and the way you explain things is clean and clear... I'm done with your free goods. I will get into your full course now. Thanks so much!
Thank you so much Audrey!
@@Mizko Do you have courses on udemy.
@@Zahra-Opaia-0 Hey Zahra, only on my own platform thedesignership.com - I host all my courses on Teachable.
Thanks a lot for putting it out there!
Any time Mukul 🔥 Any questions, pop them into our community :)
Thank you for the content Mizko ^^✌
2 days a week, every week ⚡️
Really appreciate this video! Thanks a lot!
well curated ! tysm mizko ❤️
Been waiting for this. Love your vids. Really helping me put a system in place instead of designing like a headless chook 😂
Glad you are no longer a headless chook Dane 😂
I just come in & gently smash that like button before the vid even starts cuz I know already it's gona be good 😊
Great ad helpful video as always Mizko !!
Hi @mizko question for you. Coming from using Sketch App, I was used to changing text styles along with their color attributes quick and easy. In Figma, I'm challenged. I have a complex slide deck presentation in the works and need to the change the color of all my H1 Text Style instances from a black color, to a blue color. There doesn't appear to be a quick, easy way to mass/batch change color properties from my current understanding. Can you share with the community, how to control/change color properties on text styles using my use case as a reference? Thanks!
Thank you Mizko!
✨
Very useful information 🙌🏻
I got your back Sahith!!
Awesome content bro, there's no such thing as fishes, love the analogy though!! 🙌😍
Your videos upskilled me. Many thanks
Thank you Auwalu!
No, THANK YOU
I got a job just by watching your videos. Many thanks🚀🚀🎉. I hope to get to your level someday
@@auwaluadamu8989 You made my day!! Good vibes all around.
your channel is very useful for me :)
nice work bro your work so 🔥🔥
Great video !!
Thank you Tal! Glad you found this useful
Just a curio... Display headings are great. My curiosity stems when thinking ahead to the developer... What do they use for Display headings when coding since h1-h6 are used for regular headings?
It has a drawback , we can't change the font style further.
But the info. is very nice and helpful for the begineers...
I really this videos, you're good, am your fan❤
I just wanna ask how can I just save the type styles automatically instead of going through it naturally? 😢..
Thank you!
thanks for the video - good stuff - what about managing type across different platforms? Let's say I have designed 50 screens of an iOS app using SF Pro Font - I want to now duplicate the designs and apply the Robotto to create Android specific screens - what's the best workflow to do this?
Do you have any video about how to name everything on figma?
For the next video can you zoom into the screen when you click so we can see a little more. I'm on a phone 📱 and it's a little small. Alsooooooo yayy love FIGMA!
@Mizko Bought your design system, but wanted to ask, any tips on managing multiple fonts? Ie: Brand font for headings, and a better UI font like Inter for UI fonts? Also have you ever come across other good (free) UI fonts other than Inter?
Hey Matt, Thank you!!
I would highly recommend Google or Typekit fonts for 'free/very affordable' web fonts. I will make a quick video to next week to walk through all my favourite free fonts for UI as well.
I normally use the 'brand' font for major headings and on the marketing website. When it comes to UI, I try to keep to simple and legible fonts.
It would be awesome if you make a video for molecules with different states
Helpful video 🔥🔥🔥
AWESOME
On point ⚡️
Question! If my biggest font is 166px would that be considered my display font rather than my H1?
Looking over at the Design System and I noticed on Molecule/Alerts the Labels for the variants Success and Error are in the wrong place. I'm looking at v1.1
Hey Ivan! Yep, 1.2 will be launching in the next coming days. We've re-factored quite a bit of the system. Design systems are always on-going.
Thanks Mizko for all these videos. They're really great. Can anyone reading help a newb? I find that in the preview of Mizko's design Shipfaster, for example, one of the biggest things I notice aside from it being awesome, is that as I float around it with my mouse, EVERY element is picked up by the mouse (highlighted, ready for selection). When I do the same on my own boards, I have to triple and quadruple click on things to even select them. It's a nightmare to choose something like text to edit, and I'm having a hard time understanding what I'm doing to cause this. Fresh file, document, fresh frame, etc. Same results. Any idea at all where I can start to look for the cause? Thanks!
Ouuu🔥🔥🔥
Don't burn the house down though!!
@@Mizko 😂😂
Seus vídeos são maravilhosos!!! Talento pra ensinar
your my fav
Why do you add h1 after Heading 1?
Hey Mizko, one quick question:
If I've created a style for a text, how can I make that text uppercase without broken the style I've made? Thanks!!
The plural of fish is.. fish.. not fishes lol
Awesome video. Thank you. Liked and Subbed.
Can you filter fonts by style like in AI?
What are the (S) font styles?
I think it is "Small" but I am not completely sure
I managed to catch, H1 is 48 and H1(S) is 34. But I don't understand why use H1 and H1(S) instead of H1, H2, H3 etc.
Any ideas?
Bro, I have been adding the font styles into my design system, still when I use the style as an instance the default color is always #000000. Is this normal? The basic font style supposed to be e.g. a grey color..
Hey Testy test test, colors are treated separately from text within Figma. If you want to maintain the same color you will need to create a component instead.
I bought your system, received the file and followed your instruction video. However, figma (at my end) does not accept the file. I would appreciate some guidance on how to sort it.
❤❤❤
Why you nameHeading-1/h1/-- while you can name just H1/-- or Heading1/--?
Please be sure to gently smash, guys
It is not Italian 😅🤣😂
Thanks!