Figma Variables Dark And Light Modes | How to use variables in Figma for Colour Modes | Figma 2023

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

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

  •  8 месяцев назад +1

    I probably saw ten of videos about light/dark modes, as well other dozens topics as Variables, Tokens, etc. and I have to say your videos are the most clear, easy, super quick (but not so fast!) to understend and learn. I found in your channel a great balance of splendid explanations and methods to organize Figma use. I devoutly recommend your videos.
    Cheers from Bariloche, Argentina.

    • @TDSunshine
      @TDSunshine  8 месяцев назад +1

      Aww thank you so much! I really appreciate your kind words 💛🙏🏻☀️

  • @gonzalo3553
    @gonzalo3553 11 месяцев назад +2

    Tair your videos are simply amazing, thanks for all your efforts! 💯🙌🏽

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

      Awww thanks! I appreciate it!☀️🙏🏼

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

    Very concise - I also watched a few others before coming to this video about dark and light mode variables, and this one breaks it down really nicely. Especially the bit at the end explaining auto-mode. Thank you!!!!

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

      Awww thanks! 🙏🏼☀️💛

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

    Hi again! Thanks for another great video on variables. I'm still learning them myself but getting stronger by the day! One downside I've noticed about variables is they don't have animated transitions like having pointing interactions has. I can see why they don't for a vast majority of variable usages but I wish there was a way to incorporate it in things like toggling something off and on or switching variant states with variables. As of now, is there a way to have have light and dark mode as variables fade/dissolve into one another when switching back and forth? Maybe this will be something they'll come out with in the future if it's not possible already.

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

      You’re welcome 🤗 I know exactly what you mean! It’s really jumpy and instant right now there is no way to control the animation 😩 if you want a smoother transition you can still utilise variable to create a faster and easier design system for yourself but then use normal prototyping to connect different screens with animation 🤷🏽‍♀️I hope that helps! 🙏🏼☀️

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

    Having fun watching all your tutorials 😊. Thanks for sharing. From Philippines with 😍

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

      You're welcome! ☀️🙏🏻💛

  • @bignose.vincent
    @bignose.vincent 11 месяцев назад

    Still awesome as always

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

    Hi, could you please make a video on the tools you use for video editing?

    • @TDSunshine
      @TDSunshine  4 месяца назад +1

      Great idea! adding to my list ☀️🙏🏻

  • @platinoir
    @platinoir 11 месяцев назад +1

    Amazing content as always 🫶
    initially I made the mistake of creating a variable for each component element so I can customize the light dark mode in detail
    but I ended up with a lot of duplicate variables and it became extremely overwhelming
    Since then, I have learned from my mistake & try as much as possible to create variables for themes mainly, that way I only have the variables I need for fill, border, content, etc...

    • @TDSunshine
      @TDSunshine  11 месяцев назад +1

      Thanks! Iv'e found variables need a bit of trail and error as well! Its great you are learning and adapting your systems to fit your design purposes! ☀️🤗

  • @the_infinity_channel
    @the_infinity_channel 4 месяца назад +1

    Is there a way to do this in free version?

    • @TDSunshine
      @TDSunshine  4 месяца назад +1

      you can create them as different variants and then just change the variant. Its not as quick but it works! ☀️🙏🏻💛

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

      @@TDSunshine Thank you for respond. I believe so it is long way.

  • @HarishChouhan
    @HarishChouhan 29 дней назад

    You really need to make some courses and sell it. Your videos have been more useful and to the point compared with most other videos about Figma.

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

      Maybe one day! ☀️🙏🏻💛

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

    This was really helpful and simple example with explanation. Thanks

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

      You're welcome! I'm glad it was helpful! ☀️🙏🏻

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

    i like the way you explain it, not too layman not too pro! keep it up.

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

      thanks! 🙏🏻☀️💛

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

    Great Video.