Responsive Typography With Variables | Figma Tutorial
ฝัง
- เผยแพร่เมื่อ 20 ก.ย. 2024
- In this video, I'm going to show you how to make your typography responsive using Figma variables.
👉 Become a Pro UI Designer with my UI Design & Figma Mastery course:
bit.ly/43v79vX
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 40,000 students become UI/UX designers from scratch worldwide.
👉Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
bit.ly/43v79vX
Hello Arash thanks for your educative and very helpful content. I have a question, can we add a navigation/GPS map to figma?
You are by far the best Figma teacher I've come across, all your lessons are on point. Thanks you!
Another invredible video Arash! Some time ago I asked you about responsive text ... and here it is! Thank you for spreading your knowledge & light! 😊💫🌟
My pleasure! Thank you so much.
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...
Super clear and concise demo as always 🥇
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.
Amazing tutorial. Thank you for this🎉❤
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?
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?
Thanks for the video 🙏 You have a talent for teaching 👍 👏
No problem. Thank you so much.
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.
Thank you! Your channel is amazing, very useful ❤🔥
No problem. Thanks a lot.
Whouahhh ! Thanks so much !
Great run through, thanks for sharing
Thank you Arash helpful as always 🤩
No problem.
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 ?
thankyou sir Arash!!
No problem.
Really getting updated knowledge ...Thanks
My pleasure
AMAZING!
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 ...
Super cool Arash. I have your course on your platform. Will we have any news about this there?
Thanks. Yes, once Figma releases its major updates in June, you will find many updated videos on the platform.
Hellooo, i like figma and your videos
Hi. Thank you. Glad to hear that.
Thank you👍
No problem.
but whats the use of this? we can do with older fashion using text styles generator with desktop and mobile
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.
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.
@@DesignWithArash Thanks!
is it for paid version?
in my figma there is no setting button available.
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.
No, there will be no promotion in the near future.
Thank you
😊
No problem
Thanks. Now percentages for line height, please figma!
No problem. Yeah, tell me about it😀
It's helpful ❤❤
Glad it helped.
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
Sorry bro. What do you mean?
@@mw9968 like the sidemap and the footer section
tnx
No problem.
indian hai to indian accent bol na ! bada aaya american banne .
I'm not Indian.
that's sad when people teach stuff for only pro users 😪😮💨
How else are we supposed to learn this information?
It's ok to have different content for different levels of experience
I meant pro, figma paid, users. =], not the knowledge
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.
Thank you boss.
No problem.