Convert your Design Tokens with Style Dictionary Configurator & Transforms

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ย. 2024

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

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

    Nice Tutorial! Do you have any pre configurations examples or advices to do the transformations regarding the Material Design 3 Token schema?

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

      Thanks @KraasRas > Material Design Tokens have their own Syntax called DSP (Design System Package) and at this moment it is only possible via the VS Code extension, which unfortunately gives a 404. We filed an issue at their side for this issue: github.com/AdobeXD/design-system-package-dsp/issues/36
      For more in-dept questions on SD Configurator or Transforms I suggest to take a look in our Slack community: tokens.studio/slack

  • @EmanueleLivi
    @EmanueleLivi ปีที่แล้ว

    Awesome tool! What’s the way to convert the json from Tokens studio to Tailwind?

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

      This is possible but pretty cumbersome at this point. There is a repo for transforming, but this is now generating the full SD config, while that only should be the format. We created an issue for this on that repo(github.com/nado1001/style-dictionary-tailwindcss-transformer/issues/311), so hopefully this will be less cumbersome in the future.
      github.com/nado1001/style-dictionary-tailwindcss-transformer

  • @guilhermeranieri8445
    @guilhermeranieri8445 ปีที่แล้ว

    What is the configuration that I had to do if my token file uses reference scheme?

    • @TokensStudio
      @TokensStudio  ปีที่แล้ว

      For more in dept questions regarding the configurator it's best to reach out on our Slack(tokens.studio/slack) in the dedicated channel #style-dictionary-configurator

  • @yoda_soda
    @yoda_soda ปีที่แล้ว

    The tool being in beta when will it come out of beta and is it safe to use in production?

    • @TokensStudio
      @TokensStudio  ปีที่แล้ว

      The configurator is already safe to use and if you run into any issues, you can best reach out on our Slack(tokens.studio/slack) in the dedicated channel #style-dictionary-configurator.