In this video we look at how to quickly set up our typography in Figma for a very easy and efficient workflow in Figma. These tips can of course be applied to any design software that you like to use – I’m just loving Figma right now.

Thank you so much for checking out my tutorial! Please subscribe for more design tutorials – I’ll be covering Animation, HTML email design, HTML email code, Web Design and Web Development with Webflow.

Links discussed in video:

Type Scales:
https://type-scale.com/

Figma Lorem Ipsum plugin:
https://www.figma.com/community/plugin/736000994034548392/Lorem-ipsum

Follow me:

Website: https://www.tompiggott.co.uk/
Newsletter: https://www.tompiggott.co.uk/contact#newsletter
Instagram: https://www.instagram.com/tompiggottdesign/
Facebook: https://www.facebook.com/tompiggottdesign/
Dribbble: https://dribbble.com/tompiggott/
LinkedIn: https://linkedin.com/in/tompiggottdesign/

Music: β€œStill Standing” by Anno Domini Beats

source

28 Comments

  1. Thanks for this video Tom. I have questions, how do you scale typography from web design to typography for mobile design?

    Second question, If a component is an H4 in web design, does it also have to be an H4 when translated to mobile design?
    What if the H4 scale in the mobile design version does not match the layout size requirement, can we replace it with the closest scale even though it is an H5 or H3 mobile?

    Third question, Do headings (H1 to H6) have to be the same typeface? Or is it okay to use a different font, for example: H1 to H3 using Lato then H4-H6 using Nunito.

    Thanks in advance. I am very confused about this, would be very helpful if you would share your advice. Thank you again !

  2. Amazing video, thanks a lot. Question on using type scales across media though, should I be using the same type scale across my print and digital designs? For my brand, I have a lot of print designs (packaging, stationary, etc…) in addition to the digital stuff (website, digital marketing). Should I be using the same type scale between print and digital assets?

Leave A Reply

Please enter your comment!
Please enter your name here