W3C Design Tokens in CSS using Style Dictionary

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

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

  • @flightstreamer
    @flightstreamer ปีที่แล้ว +1

    Very useful! Didn’t know it is coming to W3C standards!

  • @mohit-tater
    @mohit-tater 5 หลายเดือนก่อน

    This is really useful. I wasn't aware of the style dictionary tool. I'm working on a Figma plugin, and this will be a useful tool for some functionalities that I want to implement there. Thanks for making this video.

  • @pedrobatista8966
    @pedrobatista8966 7 หลายเดือนก่อน +1

    Very interesting, did you find a figma plugin that exports in this format?

    • @mryechkin
      @mryechkin  7 หลายเดือนก่อน +1

      I just used the official sample "Variables Import/Export" one from Figma: github.com/figma/plugin-samples/tree/master/variables-import-export
      But if you're looking for something a bit more advanced, then TokensBrücke looks promising: www.figma.com/community/plugin/1254538877056388290

    • @pedrobatista8966
      @pedrobatista8966 7 หลายเดือนก่อน +1

      @@mryechkin this helped thanks

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

    Are you using an extension to colour each level of the JSON nesting? It looks so much more readable than the default!

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

      Honestly I'm not 100% sure what's doing that - I don't have a specific extension for this per se. Might be my theme? I'm using the PowerShell Theme (Default) for VSCode

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

    Very useful, thanks!