Automating responsive typography in Figma with variables and modes.
Рет қаралды 3,343
Күн бұрынAll my tips, tricks and tutorials: www.moonlearning.io
Get Figma for FREE: psxid.figma.com/ggcj1d
Full Figma beginners course: www.moonlearning.io/Figma-Beg...
Access all of my UX, UI & Figma courses: www.moonlearning.io
Want to stay up to date on new developments, tips and tricks? Make sure to follow me!
Follow me on LinkedIn: / christine. .
Follow me on Twitter: / moonlearning
Follow me on Instagram: / moonlearnin. .
And don't forget to subscribe right here on KZfaq for more!
00:00:00 - Introduction
00:01:05 - Setting up modes
00:04:44 - Use multiple modes at once
00:04:59 - Change from iOS to Android with modes
00:05:15 - More tips and tricks
Figma just released variables for typography styles. Let's find out how we can use this and add some variable modes to create responsive typography across different screen sizes.
@Deckard76 2 ай бұрын
Really nicely explained! Watched a couple of other videos explaining this concept and they were far too long and making things necessarily complicated.
@moonlearning 2 ай бұрын
Glad you enjoyed it!
@SketchbookStudioo Ай бұрын
This is so helpful! Thank you!!
@tanyacequi6556 2 ай бұрын
This is great! But how would you add another layer of complexity: brand modes: let say we want to have this set working for different brands or sub-brands… I guess it’s a matter of creating another brand collection, but how do you manage the different typography sizes for every brand?
@rjabrm 2 ай бұрын
No one works with variables, stop investing in it..
@SketchbookStudioo Ай бұрын
Everyone at the highest level of design works with variables.
moonlearning
Рет қаралды 6 М.
Gufee.medalin
Рет қаралды 8 МЛН
Tutoriales Para Todos
Рет қаралды 1
Nolan Perkins
Рет қаралды 8 М.
Hoonie XP
Рет қаралды 32 М.
MAMU TECH
Рет қаралды 263 М.
GStore Mobile
Рет қаралды 2,2 МЛН