Perfect Typography Scale for UI Design (Exact Blueprint) | Figma Tutorial

Download Shipfaster UI - BASE:
👉 TUTORIAL100 👈 Use the coupon to get the file for FREE!

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

Timestamps:
00:00 - We won't be using Typography scales
00:37 - Download the FREE Shipfaster UI - Base file
01:45 - Exact Typography Scale for UI Designs
07:14 - Real world project typography breakdown

---

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

Master Figma with my Ultimate Figma Design Masterclass (6,800+ students)

Practical UX Research & Strategy Masterclass (690+ students)

Outline - Figma Wireframe Kit (500+ designers)

Follow me on IG (Daily updates):

---

Follow and learn with me:

[Mizko]

If you want to download Shipfaster UI - BASE:
👉 TUTORIAL100 👈 Use the coupon to get the file for FREE!

[SzabatDesign]

I have the Design system from Designership and I regularly work with it on projects for my clients ;) Sooo good!

[adarogu]

Thank you for this Mizko, appreciate what you are doing man.

[seriouslybruhhh]

It is so similar to Uber's Base Design system. Great explanation there !

[MrLohkaa]

Thank you Mizko for the explanation and the free UI kit. What's best practice if I would like to use a different font for my type-scale? Detach all font styles > select new font > attach new font?

[arunkumarrathod]

Hey Mizko can you please make a video on how to build a typescale from scratch. like what sizes to choose for different platforms etc.
I believe many people dont know how to make a typescale according to project requirements.

It is a sincere request. Please do consider this... Thanks!

[bvs]

Hey Mizko!

Any idea when the Shipfaster UI 2.7 will be available?
Excited for the next update!

[HasnatAhmed-jndi]

Love you for Shipfaster 😍 Thank you so much @mizko ❤

[morshlab]

One Question where did you find the ideal typography scale? you used here, or any source or rules from design professional? or you just used your own will and thought that your scale is the best?

[snorose]

How would you suggest to work with this typescale best between the breakpoints? From what i can see the Large, Medium, Small etc is not connected to the size of device and will be mixed heavily through out layouts and further shuffled in different combinations for different breakpoints?

[MrLohkaa]

Hi Mizko, I see that you are using a width of 1136 for the large layout grid, what is the reason behind this? I always use 1440px myself, thanks in advance!

[bl]

Perhaps I'm missing something, but how do you manage updating ALL typography if the font changes? Do you have a typeface component that you can update that updates ALL typography styles?

[samuelshowunmi]

So helpful and thanks for the great explanation

[MuratKarakus-totr]

sir, god bless you! will there be a figma 2024 ux ui design course as well?

[SzabatDesign]

One fast question, what about button? Soo in that case main CTA is as well Label typography?

[yusufkhalidmuhammad]

HI Mizko, Thank you so much for this! Tried out the Base Shipfast UI kept showing "Unsupported file format"

[RLNDcaST]

I have Shipfaster 2.3v and would like to know how can I update that to newest version? 🙂

[FrancisMusselman]

@mizko the coupon for the download is not working on my end - could you check the code?

[gamehubby]

I'm new here, do you offer discount to get everything? Wanna check it out

[precioussamuel]

Please the link for the free version is not working