Тёмный
No video :(

Responsive Typography With Variables | Figma Tutorial 

DesignWithArash
Подписаться 127 тыс.
Просмотров 24 тыс.
50% 1

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.

Опубликовано:

 

16 апр 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@DesignWithArash
@DesignWithArash 4 месяца назад
👉Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX
@jeandavidabeelack3990
@jeandavidabeelack3990 3 месяца назад
Hello Arash thanks for your educative and very helpful content. I have a question, can we add a navigation/GPS map to figma?
@cmarkovich
@cmarkovich Месяц назад
You are by far the best Figma teacher I've come across, all your lessons are on point. Thanks you!
@aribee723
@aribee723 4 месяца назад
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
@DesignWithArash 4 месяца назад
My pleasure! Thank you so much.
@Underhills
@Underhills 13 дней назад
Super clear and concise demo as always 🥇
@robin_designs
@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.
@mischugo
@mischugo 3 месяца назад
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?
@tatyanavervekina8262
@tatyanavervekina8262 3 месяца назад
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...
@PaulPalade
@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?
@opeyemiajagbe
@opeyemiajagbe Месяц назад
Amazing tutorial. Thank you for this🎉❤
@bigsmoke5258
@bigsmoke5258 11 дней назад
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 ?
@stanislovasm.7313
@stanislovasm.7313 4 месяца назад
Thanks for the video 🙏 You have a talent for teaching 👍 👏
@DesignWithArash
@DesignWithArash 4 месяца назад
No problem. Thank you so much.
@javadsaberi_afroo
@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 ...
@AshutoshVashishtha-g3q
@AshutoshVashishtha-g3q 8 дней назад
AMAZING!
@soul_xplore
@soul_xplore 2 месяца назад
Thank you! Your channel is amazing, very useful ❤‍🔥
@DesignWithArash
@DesignWithArash Месяц назад
No problem. Thanks a lot.
@JamesTenniswood
@JamesTenniswood 3 месяца назад
Great run through, thanks for sharing
@AppuRiddle
@AppuRiddle 3 месяца назад
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.
@pakaradeek
@pakaradeek 2 месяца назад
but whats the use of this? we can do with older fashion using text styles generator with desktop and mobile
@suniljadhav1889
@suniljadhav1889 4 месяца назад
Really getting updated knowledge ...Thanks
@DesignWithArash
@DesignWithArash 3 месяца назад
My pleasure
@roniahmed9802
@roniahmed9802 3 месяца назад
is it for paid version? in my figma there is no setting button available.
@trade24x7
@trade24x7 3 месяца назад
Thank you Arash helpful as always 🤩
@DesignWithArash
@DesignWithArash 3 месяца назад
No problem.
@wolfoxnitido6369
@wolfoxnitido6369 4 месяца назад
Hellooo, i like figma and your videos
@DesignWithArash
@DesignWithArash 4 месяца назад
Hi. Thank you. Glad to hear that.
@petermichael3490
@petermichael3490 4 месяца назад
thankyou sir Arash!!
@DesignWithArash
@DesignWithArash 3 месяца назад
No problem.
@godsonpro9462
@godsonpro9462 4 месяца назад
Thank you👍
@DesignWithArash
@DesignWithArash 4 месяца назад
No problem.
@AndersonSilvaart
@AndersonSilvaart 4 месяца назад
Super cool Arash. I have your course on your platform. Will we have any news about this there?
@DesignWithArash
@DesignWithArash 3 месяца назад
Thanks. Yes, once Figma releases its major updates in June, you will find many updated videos on the platform.
@tommyKal22
@tommyKal22 4 месяца назад
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
@DesignWithArash 3 месяца назад
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
@tommyKal22 3 месяца назад
@@DesignWithArash Thanks!
@Leochuks456
@Leochuks456 2 месяца назад
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
@mw9968 2 месяца назад
Sorry bro. What do you mean?
@Leochuks456
@Leochuks456 2 месяца назад
@@mw9968 like the sidemap and the footer section
@studyuiux
@studyuiux 2 месяца назад
Thank you 😊
@DesignWithArash
@DesignWithArash Месяц назад
No problem
@gagging5156
@gagging5156 4 месяца назад
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
@DesignWithArash 3 месяца назад
No, there will be no promotion in the near future.
@saratrh3339
@saratrh3339 4 месяца назад
It's helpful ❤❤
@DesignWithArash
@DesignWithArash 3 месяца назад
Glad it helped.
@perliva
@perliva 3 месяца назад
Thanks. Now percentages for line height, please figma!
@DesignWithArash
@DesignWithArash 3 месяца назад
No problem. Yeah, tell me about it😀
@WayOfMani
@WayOfMani 4 месяца назад
tnx
@DesignWithArash
@DesignWithArash 4 месяца назад
No problem.
@EtherealInsights07
@EtherealInsights07 2 месяца назад
indian hai to indian accent bol na ! bada aaya american banne .
@DesignWithArash
@DesignWithArash Месяц назад
I'm not Indian.
@znkdev
@znkdev 3 месяца назад
that's sad when people teach stuff for only pro users 😪😮‍💨
@axeloord8741
@axeloord8741 3 месяца назад
How else are we supposed to learn this information?
@JamesTenniswood
@JamesTenniswood 3 месяца назад
It's ok to have different content for different levels of experience
@znkdev
@znkdev 3 месяца назад
I meant pro, figma paid, users. =], not the knowledge
@fanovaohsmuts
@fanovaohsmuts 2 месяца назад
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
@prithviphoenix2 4 месяца назад
Thank you boss.
@DesignWithArash
@DesignWithArash 3 месяца назад
No problem.
Далее
Figma Tutorial: 3D Isometric Animation in 6 Minutes
6:55
до/после Знакомо?
00:16
Просмотров 14 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 780 тыс.
Figma tutorial: Variables for typography
12:58
Просмотров 97 тыс.
world's shortest UI/UX design course
6:53
Просмотров 1,2 млн
My First Variable: Typography variables | Figma
20:10