Responsive Typography With Variables | Figma Tutorial

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 64

  • @DesignWithArash
    @DesignWithArash  7 месяцев назад +3

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

    • @jeandavidabeelack
      @jeandavidabeelack 7 месяцев назад

      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 4 месяца назад +10

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

  • @aribee723
    @aribee723 7 месяцев назад +5

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

  • @zahrahavaei1140
    @zahrahavaei1140 2 месяца назад

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

  • @CassieGroos
    @CassieGroos Месяц назад +1

    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?

  • @Underhills
    @Underhills 3 месяца назад

    Super clear and concise demo as always 🥇

  • @tatyanavervekina8262
    @tatyanavervekina8262 6 месяцев назад +2

    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 4 месяца назад

    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?

  • @robin_designs
    @robin_designs 4 месяца назад

    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.

  • @opeyemiajagbe
    @opeyemiajagbe 5 месяцев назад

    Amazing tutorial. Thank you for this🎉❤

  • @mischugo
    @mischugo 6 месяцев назад +1

    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?

  • @AppuRiddle
    @AppuRiddle 6 месяцев назад

    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.

  • @bigsmoke5258
    @bigsmoke5258 3 месяца назад

    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 7 месяцев назад +1

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

  • @javadsaberi_afroo
    @javadsaberi_afroo 4 месяца назад

    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 ...

  • @KaliLamyx
    @KaliLamyx 3 месяца назад

    Whouahhh ! Thanks so much !

  • @JamesTenniswood
    @JamesTenniswood 6 месяцев назад

    Great run through, thanks for sharing

  • @soul_xplore
    @soul_xplore 6 месяцев назад

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

  • @trade24x7
    @trade24x7 7 месяцев назад

    Thank you Arash helpful as always 🤩

  • @AshutoshVashishtha-g3q
    @AshutoshVashishtha-g3q 3 месяца назад

    AMAZING!

  • @petermichael3490
    @petermichael3490 7 месяцев назад +1

    thankyou sir Arash!!

  • @wolfoxnitido6369
    @wolfoxnitido6369 7 месяцев назад +2

    Hellooo, i like figma and your videos

  • @suniljadhav1889
    @suniljadhav1889 7 месяцев назад

    Really getting updated knowledge ...Thanks

  • @AndersonSilvaart
    @AndersonSilvaart 7 месяцев назад

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

    • @DesignWithArash
      @DesignWithArash  6 месяцев назад +1

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

  • @tommyKal22
    @tommyKal22 7 месяцев назад

    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  6 месяцев назад +1

      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 6 месяцев назад

      @@DesignWithArash Thanks!

  • @FrugBoy
    @FrugBoy 25 дней назад

    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?

  • @godsonpro9462
    @godsonpro9462 7 месяцев назад +1

    Thank you👍

  • @roniahmed9802
    @roniahmed9802 6 месяцев назад

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

  • @gagging5156
    @gagging5156 7 месяцев назад

    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  6 месяцев назад

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

  • @perliva
    @perliva 7 месяцев назад

    Thanks. Now percentages for line height, please figma!

    • @DesignWithArash
      @DesignWithArash  6 месяцев назад

      No problem. Yeah, tell me about it😀

  • @pakaradeek
    @pakaradeek 5 месяцев назад

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

  • @saratrh3339
    @saratrh3339 7 месяцев назад

    It's helpful ❤❤

  • @studyuiux
    @studyuiux 5 месяцев назад

    Thank you
    😊

  • @Leochuks456
    @Leochuks456 6 месяцев назад

    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 5 месяцев назад

      Sorry bro. What do you mean?

    • @Leochuks456
      @Leochuks456 5 месяцев назад

      @@mw9968 like the sidemap and the footer section

  • @wayofMANI
    @wayofMANI 7 месяцев назад

    tnx

  • @EtherealInsights07
    @EtherealInsights07 5 месяцев назад

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

  • @znkdev
    @znkdev 7 месяцев назад +1

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

    • @axeloord8741
      @axeloord8741 7 месяцев назад +1

      How else are we supposed to learn this information?

    • @JamesTenniswood
      @JamesTenniswood 6 месяцев назад +1

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

    • @znkdev
      @znkdev 6 месяцев назад

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

    • @fanovaohsmuts
      @fanovaohsmuts 6 месяцев назад +1

      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 7 месяцев назад

    Thank you boss.