Figma Design System BEGINNER Guide + Variables (2024 Tutorial) - PART 1

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024
  • In this video, we're going to be covering the basics of Figma - including how to create a basic user interface, how to create relationships between elements, and how to use variables.
    If you're a beginner looking to get started with Figma, then this video is for you! By the end, you'll have a good understanding of the basics of Figma and be able to create basic user interfaces and relationships between elements.
    Advanced Tutorial:
    • How to Create Color Pa...
    #figma #figmavariables #Figmadesignsystem #designsystem #figmabeginner #designsystembeginner

ความคิดเห็น • 22

  • @undesign_
    @undesign_  11 หลายเดือนก่อน +3

    Hey folks,
    Please like the video if you want this new series to continue. I think variables feature is at the point that we can easily start updating our files. Kindly let me know so I can continue.
    Cheers!

    • @alexander_stark
      @alexander_stark 4 หลายเดือนก่อน

      insert colors to figma, then colors with plugin in styles & 2 plugin to varibels

  • @carinesmoraes9116
    @carinesmoraes9116 6 หลายเดือนก่อน

    Really good

  • @MuhammadQasim-bu8lc
    @MuhammadQasim-bu8lc 11 วันที่ผ่านมา

    I am searching for a long term of time like this video which teaches me how to create a design system step by step.

  • @-AriSafari
    @-AriSafari 11 หลายเดือนก่อน

    Yeah... Please make another video .. Thank you so much

    • @undesign_
      @undesign_  11 หลายเดือนก่อน

      Hey there, please check the channel, I already made one. This is a super beginner tutorial btw

    • @-AriSafari
      @-AriSafari 11 หลายเดือนก่อน

      @@undesign_ yes, i have seen your playlist design system.. so far video button part 2.. 🔥thanks again....

  • @cintiapena1696
    @cintiapena1696 4 หลายเดือนก่อน

    Great video! I was following you step by step and made the same mistake with the corner radius deselect on spacing tokens.. I just selected them all -> right clicked and selected edit variable -> and deselected the corner radius checkbox. 👍

  • @hyejinim
    @hyejinim 8 หลายเดือนก่อน

    Hi! Thanks a lot. I like the video. Do you also define line height for font in design system?

  • @anayantocj9808
    @anayantocj9808 2 หลายเดือนก่อน

    Thanks for the class. Was very helpful

  • @kirstymclaren3869
    @kirstymclaren3869 9 หลายเดือนก่อน

    Great video introduction into design systems & variables. Looking forward to the next one!

  • @mojito1216
    @mojito1216 6 หลายเดือนก่อน

    Amazing place to learn Figma ❤❤

  • @ilnarakhmetzyanov8129
    @ilnarakhmetzyanov8129 8 หลายเดือนก่อน

    useless guide in fake context

  • @yamparalarahul
    @yamparalarahul 7 หลายเดือนก่อน

    Loved this , Nice work.

  • @babayaga5100
    @babayaga5100 8 หลายเดือนก่อน

    Keep doing those please! thanks

  • @Shopaxa
    @Shopaxa 9 หลายเดือนก่อน

    i love you man

  • @koushikbysani4057
    @koushikbysani4057 7 หลายเดือนก่อน

    keep doing

  • @godsaver_8
    @godsaver_8 11 หลายเดือนก่อน

    Yeah continue it

  • @adrek9018
    @adrek9018 11 หลายเดือนก่อน

    Excelent video, pls more videos.

    • @undesign_
      @undesign_  11 หลายเดือนก่อน

      Thanks so much, please check the latest video

  • @anjalisharma-n5d
    @anjalisharma-n5d 10 หลายเดือนก่อน

    Continue it

    • @undesign_
      @undesign_  10 หลายเดือนก่อน

      Already published the next part, please check it out.