Figma Web and App Design Type Styles & UI Typography Systems on Figma | UX Design System Tutorial

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

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

  • @CuttingEdgeSchool
    @CuttingEdgeSchool  10 месяцев назад +1

    🍿 Binge Full Playlist - ruclips.net/p/PLlHtucAD9KT3wgeeVqILeW-0rYoQgR1Rh&si=4yajSMq_CPIfbBzE
    🚀 Complete UX Design Course (9 Weeks, 100% Free):
    → learnuiux.in/
    🏆 Learn about Prompting and AI Tools:
    → www.howtoprompt.in/

  • @shaktitanwar4320
    @shaktitanwar4320 2 года назад +7

    Bro your channel is very under rated
    I was searching for videos on this topic but never found your video in search results . I don't know why RUclips is not showing your videos whenever anyone searches for Figma.
    Hands down bro the quality of your content is so good that you can sell it for 20-50k and people will buy it without thinking twice.

  • @aartibandekar9520
    @aartibandekar9520 9 месяцев назад +1

    I went through the articles recommended by Ansh, and I must say, they are pure gold! I'm amazed that I hadn't come across these gems in my own research before. I truly appreciate Ansh's effort in curating and sharing this valuable content with us. It's evident that he must've sifted through numerous articles to bring us the best of the best.
    The Type Snob was very well documented through Ansh's video, which really helped me identify what is important from a practical standpoint
    and Butterwicks, it's undoubtedly the ultimate guide on typography. The sections I explored, particularly "The Summary" and "Typography in 10 mins," were both practical and comprehensive. I'll definitely keep this resource handy for further research.

    • @aartibandekar9520
      @aartibandekar9520 9 месяцев назад

      I had a few questions:
      1. Are line spacing and line height the same?
      2. What is the difference between point size and font size?
      3. In "The good line height": what is the line height multiplier and baseline grid? Is this the part where you calculate the line height = font size*(120-155%)?

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

    What a story at end...... You are that senior person to me which guiding me. Somehow story is very relatable.
    😁😁

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

    Watching your video after watching Office hours playlist. After your figma course it was easy to understand what they where teach. I felt no need to do practical on figma. It just saved time and got much deep knowledge regarding figma.
    But the case is there are some Figjam videos also. I feel there no need to watch them right now so, I am focusing on Figma only.
    Still I will be grinding it.

  • @kashishsingh18
    @kashishsingh18 9 месяцев назад

    Hi Ansh! Thank for this. as a self taught UX designer, its really tough to get resources such as this one that focuses on in depth frameworks of typography or colour theory. Glad I came across your channel and kept watching!

  • @AkshayAppu-ri9sj
    @AkshayAppu-ri9sj 8 месяцев назад +1

    Hi Ansh I recently started following you . I am a graduate currently working as a graphic designer who is looking to get into the world of UI/UX. I was going through one of ur video in learn UX English where I came across a slight issue. I don't know if my understanding is wrong or not but There is a slight contradiction to what u say about naming layers for declaring type styles in the presentation view and when u are actually doing it on figma. It is the 8th video in the playlist titled Figma Web and App Design Type Styles & UI Typography Systems on Figma. The naming of layers in both the sequence are one opposite to each other. I know it is posted a long time ago, but if you get to see this message please clarify. Thank you for curating so much data and helping people like me to learn easily and effectively. Keep doing it,Cheers.

  • @prakhargupta5342
    @prakhargupta5342 Месяц назад

    This content is really helping alot, thanku sir!❤

  • @adityamadan9224
    @adityamadan9224 3 года назад +1

    It was a super informative video. Loved how you talked about saving time by using different plugins like Styler to save time creating text styles. Although I was really expecting a brief introduction to type scales and how declaring these text styles can developers declaring them as variables in SCSS. But overall, it was a great tutorial, and I wish more and more designers adopt these methods and work on systematic designs.

    • @CuttingEdgeSchool
      @CuttingEdgeSchool  3 года назад +6

      Thank youu! Yes, the SCSS part is very important. I aim to cover these once I finish this Basics Playlist

    • @adityamadan9224
      @adityamadan9224 3 года назад

      @@CuttingEdgeSchool That would be great! Eagerly waiting for those!

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

    Insightful☺😀.. explained the tiniest details where every beginner makes mistakes, I had made them too... Thanks for the valuable information... and yes the valuable shortcuts for declaring the type style.. indeed a timesaver.. 🙃

  • @omkarshete2964
    @omkarshete2964 3 года назад +5

    After watching this video, I feel you should start also teaching Figma intermediate/advance course. Because there are tonnes of figma basics courses out there which are not that much of a value..and I couldn't find advanced figma course anywhere which tells you tips and tricks, efficient ways, etc.

    • @CuttingEdgeSchool
      @CuttingEdgeSchool  3 года назад +4

      Yepp, that’s the plan. Once I reach the foundations, my aim is to slowly grow my audience’s skill set to advanced stuff

    • @surajkumar19904
      @surajkumar19904 Год назад +1

      Now He did it, Please check his recent video for FIGMA

  • @happysnippets
    @happysnippets Год назад

    Bro you are amazingly creative!!

  • @anshukushwah7025
    @anshukushwah7025 Год назад

    I always wait for the ending it's kind of motivation for lot of people.

  • @hamdanrejees3632
    @hamdanrejees3632 2 года назад

    Literally got goosebumps in the end 🤯

  • @abhisheksinghlodhi6195
    @abhisheksinghlodhi6195 Год назад

    Last part of sound wave were worth it to listen

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

    Do you recommend to Practice Getting Started and Office hours from Playlist of Figma ?

  • @rohitkopps
    @rohitkopps 3 года назад

    This content is bomb 🔥

  • @shashiprakash543
    @shashiprakash543 Год назад

    Is it necessary to classify fonts into body, title, label categories?

  • @ShaikhMasira-b5j
    @ShaikhMasira-b5j 3 месяца назад

    Hey ansh!!
    I'm having a weird problem with my figma file. What happens is when I try to type something on my page or frame , the text appears way too small! Like literally I can't even see what I have written in that text. Please help!

  • @prajwalsharma2794
    @prajwalsharma2794 2 года назад

    If I am creating my typographic scale considering I am following 4 point grid system. Should my line height be in a multiple of 4 or it's not necessary?

  • @Vishakh_Mehta
    @Vishakh_Mehta 3 года назад

    🔥

  • @vikr13nt
    @vikr13nt 3 года назад

    Commenting on this video to BUMP

  • @dipanshchhabda3716
    @dipanshchhabda3716 11 месяцев назад

    If there would be a type style for this video, it would be - Best UX Basics / Ansh Mehra / Typography. 😁

  • @AkshayAppu-ri9sj
    @AkshayAppu-ri9sj 8 месяцев назад

    Hi Ansh I recently started following you . I am a graduate currently working as a graphic designer who is looking to get into the world of UI/UX. I was going through one of ur video in learn UX English where I came across a slight issue. I don't know if my understanding is wrong or not but There is a slight contradiction to what u say about naming layers for declaring type styles in the presentation view and when u are actually doing it on figma. It is the 8th video in the playlist titled Figma Web and App Design Type Styles & UI Typography Systems on Figma. The naming of layers in both the sequence are one opposite to each other. I know it is posted a long time ago, but if you get to see this message please clarify. Thank you for curating so much data and helping people like me to learn easily and effectively. Keep doing it,Cheers.