Скачать или смотреть Typography design system / Figma for beginners

Figma file: https://www.figma.com/community/file/...

Hop around:
00:07 - Picking a typeface
02:30 - Creating a font-size scale
04:06 - Naming text styles
06:37 - Picking font weights
07:50 - Adding line heights
08:56 - Creating a scale for normal font weight
10:02 - Adding line heights
10:30 - Adding scale for light and semibold font weights
10:52 - Renaming text layers
11:50 - Using Styler plugin to create text styles
12:47 - Using Typography Styleguide to display our text styles

📖 nifty resources
Refactoring UI by Adam Wathan and Steve Schoger (book, https://www.refactoringui.com)
Design Systems by Alla Kholmatova (book, https://www.smashingmagazine.com/prin...)
Typography Best Practices (ebook, https://www.smashingmagazine.com/eboo...)
The Surprising Truth about Pixels and Accessibility by Josh W Comeau (article, https://www.joshwcomeau.com/css/surpr...)
Accessible heading structure by Rian Rietveld (article, https://www.a11yproject.com/posts/how...)

🧩 plugins
Styler: https://www.figma.com/community/plugi...
Typography Styleguide: https://www.figma.com/community/plugi...

#figmatutorial #typography #uidesign

background music:
https://uppbeat.io/t/brock-hewitt-sto...
https://uppbeat.io/t/brock-hewitt-sto...
License codes: OUEIKACMQRCJ1UV2, U87L8LALYNMDREPJ