Perfecting Spacing in Figma: Create a Design System using Spacing Variables - A Step-by-Step Guide

Поділитися
Вставка
  • Опубліковано 17 лис 2024

КОМЕНТАРІ • 22

  • @1980nikolov
    @1980nikolov 7 місяців тому

    Amazing video, exactly what I was looking for. Thank you very much!

  • @adelanaofficial
    @adelanaofficial Рік тому +1

    Thank you for making this video and every other video in the series. 💙

    • @undesign_
      @undesign_  Рік тому

      No problem 😊
      Glad you liked it. Please subscribe for more and share video to friends if you want

  • @damarisvicencio7420
    @damarisvicencio7420 10 місяців тому

    Thanks for all of these videos !!! You're a star!

  • @YannickGarciaDelEstad
    @YannickGarciaDelEstad Місяць тому

    Very helpful! you've got a new suscbriber

  • @FuturaKreative55
    @FuturaKreative55 8 місяців тому

    Awesome thanks so much. Most helpful : )

  • @AryanaRamirez-b3c
    @AryanaRamirez-b3c Рік тому

    Thank you so much for your explanation and pov of variables!!!

    • @undesign_
      @undesign_  Рік тому

      You're very welcome! Glad you liked the video

  • @belowdelancey1025
    @belowdelancey1025 Рік тому

    super straight forward - appreciate the info!

    • @undesign_
      @undesign_  Рік тому

      Glad you liked it! Thanks a lot

  • @lorenzobrandimarte1427
    @lorenzobrandimarte1427 9 місяців тому

    Thank you for the video! These values can be used for websites too or is just for apps?

  • @lillylightlove4229
    @lillylightlove4229 4 місяці тому

    Very done

  • @camilagiannini9021
    @camilagiannini9021 5 місяців тому

    Awesome video! Do you know if these work with modes as well? Say, I want to make desktop tablet and mobile spacings with tokens, and of course to set different values for each 🤔

  • @ytRap007
    @ytRap007 10 місяців тому

    thanks do you have also for text style?

  • @uifry
    @uifry Рік тому

    Amazing !!

  • @yamilafritzler1224
    @yamilafritzler1224 4 місяці тому

    it's unclear to me if the tokens you created for spacing here are global or alias. Don't you need to crate first the global tokens with raw values and then add a semantic name and create an alias token that is attached to that raw value in the global tokens?

  • @nazmanaznin4989
    @nazmanaznin4989 5 місяців тому

    Plz make a vedio on mobile wireframe

  • @OscarObians
    @OscarObians Рік тому

    Thanks for showing this. Do you know of a way to copy all these variable settings to a new file, so we don't have to start from scratch for each new file or project?

    • @undesign_
      @undesign_  Рік тому +1

      My pleasure! Actually when you duplicate these files, you should add them to your team’s library, then you’ll be able to use all this while working in the team’s file. Variable is a paid feature as of now!

  • @soldier4082
    @soldier4082 Рік тому

    just tell me plz are "Variables"

    • @undesign_
      @undesign_  Рік тому

      Variable is a new feature on Figma which just introduced about a month ago. You can store numbers, colors, booleans and text and use them in your design everywhere. If you want to change these elements, you don't need to do them manually like before. You just edit the variables and elements get updated all over the design! It's lovely