Responsive Typography With Variables | Figma Tutorial

[@DesignWithArash]

👉Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX

[@jeandavidabeelack]

Hello Arash thanks for your educative and very helpful content. I have a question, can we add a navigation/GPS map to figma?

[@cmarkovich]

You are by far the best Figma teacher I've come across, all your lessons are on point. Thanks you!

[@aribee723]

Another invredible video Arash! Some time ago I asked you about responsive text ... and here it is! Thank you for spreading your knowledge & light! 😊💫🌟

[@DesignWithArash]

My pleasure! Thank you so much.

[@zahrahavaei1140]

You are talented not only in UI and Figma but also in teaching. Thank you for your generosity🌹

[@CassieGroos]

How would you approach setting up modes for responsive typography in a multi-brand design system that would potentially be using the modes for different brands?

[@travisjones3794]

I have this same question.

[@FrugBoy]

I have a problem after new figma update i dont know where to find variable icons 9:07. Can someone explain me where is it?

[@a.d.64]

same

[@mischugo]

Thanks a lot here. Surely there is no way to add an underline to a specific text passage if the text already has a text style, is there?

[@Underhills]

Super clear and concise demo as always 🥇

[@javadsaberi_afroo]

Thank you for your good video. a question. Is it necessary for typography to create the colors once in primitives and choose a alias for them in semantic? I think there is no need to create a separator in primitives for typography and spacing ...

[@robin_designs]

I see this as a problem if you want to also have dark-mode. You can only choose one type of mode per frame. I don't know which one is more time consuming, changing colors or changing fonts.

[@tatyanavervekina8262]

It seems to be a nice tool to make the process easier. I watched the video multiple times but it seems for me to be very confusing as well, tried to apply to mine but still didn't get it...

[@opeyemiajagbe]

Amazing tutorial. Thank you for this🎉❤

[@bigsmoke5258]

insightful! Is it possible to copy a variable into a new design file ? If i already set it up on another file, can I bring it all into a new file ?

[@soul_xplore]

Thank you! Your channel is amazing, very useful ❤‍🔥

[@DesignWithArash]

No problem. Thanks a lot.

[@PaulPalade]

Hey Arash, this is such a great and straightforward tutorial! Do you think one could link these variables to trigger during prototype preview? Figma recently introduced responsive mode for prototypes so I was thinking this could be achieved via. hard code syntaxing. What do you think?

[@stanislovasm.7313]

Thanks for the video 🙏 You have a talent for teaching 👍 👏

[@DesignWithArash]

No problem. Thank you so much.

[@roniahmed9802]

is it for paid version? in my figma there is no setting button available.

[@trade24x7]

Thank you Arash helpful as always 🤩

[@DesignWithArash]

No problem.

[@JamesTenniswood]

Great run through, thanks for sharing

[@KaliLamyx]

Whouahhh ! Thanks so much !

[@Leochuks456]

Bro please my only problem is how to master pages in ui ux like for e-commerce websites i dont know how many pages maybe one page or two likewise other please can you help me out

[@mw9968]

Sorry bro. What do you mean?

[@Leochuks456]

@@mw9968 like the sidemap and the footer section

[@hamdaabdulrauf5828]

Nice!

[@pakaradeek]

but whats the use of this? we can do with older fashion using text styles generator with desktop and mobile

[@AppuRiddle]

Great Video Arash can you create a video on how you create mood board for ui design then how to create beautiful perfect color shade for each color derived from the moodboard.

[@petermichael3490]

thankyou sir Arash!!

[@DesignWithArash]

No problem.

[@suniljadhav1889]

Really getting updated knowledge ...Thanks

[@DesignWithArash]

My pleasure

[@AshutoshVashishtha-g3q]

AMAZING!

[@tommyKal22]

Hey mate thanks so much for your spreading light! Great videos!! Is that on free plan of figma also? Cause i can't seem to find it.

[@DesignWithArash]

Hey. No problem. Yes and no. You can use typography variables using the Free account but if you want to use responsive font sizes then you should use Modes which is available to paid users.

[@tommyKal22]

@@DesignWithArash Thanks!

[@wolfoxnitido6369]

Hellooo, i like figma and your videos

[@DesignWithArash]

Hi. Thank you. Glad to hear that.

[@godsonpro9462]

Thank you👍

[@DesignWithArash]

No problem.

[@AndersonSilvaart]

Super cool Arash. I have your course on your platform. Will we have any news about this there?

[@DesignWithArash]

Thanks. Yes, once Figma releases its major updates in June, you will find many updated videos on the platform.

[@saratrh3339]

It's helpful ❤❤

[@DesignWithArash]

Glad it helped.

[@studyuiux]

Thank you 😊

[@DesignWithArash]

No problem

[@gagging5156]

Are you planning to give a discount for your class soon?😢 I really want to take your online class, but I can’t afford it.

[@DesignWithArash]

No, there will be no promotion in the near future.

[@perliva]

Thanks. Now percentages for line height, please figma!

[@DesignWithArash]

No problem. Yeah, tell me about it😀

[@wayofMANI]

tnx

[@DesignWithArash]

No problem.

[@EtherealInsights07]

indian hai to indian accent bol na ! bada aaya american banne .

[@DesignWithArash]

I'm not Indian.

[@znkdev]

that's sad when people teach stuff for only pro users 😪😮‍💨

[@axeloord8741]

How else are we supposed to learn this information?

[@JamesTenniswood]

It's ok to have different content for different levels of experience

[@znkdev]

I meant pro, figma paid, users. =], not the knowledge

[@fanovaohsmuts]

There’s plenty of tutorials already on how to use text styles to set up a type scale. This video exists because variables are the new feature and there aren’t as many tutorials on it.

[@prithviphoenix2]

Thank you boss.

[@DesignWithArash]

No problem.