https://github.com/praveenjuge/tailwindcss-tokens-dtcg

TailwindCSS Design System tokens in the format of DTCG. You can import this as Figma Variables.
https://github.com/praveenjuge/tailwindcss-tokens-dtcg

figma figma-variables tailwind tailwind-design-system tailwind-figma tailwind-tokens tailwindcss

Last synced: 25 days ago
JSON representation

TailwindCSS Design System tokens in the format of DTCG. You can import this as Figma Variables.

• Host: GitHub
• URL: https://github.com/praveenjuge/tailwindcss-tokens-dtcg
• Owner: praveenjuge
• License: mit
• Created: 2023-06-26T16:20:12.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-01T12:21:43.000Z (11 months ago)
• Last Synced: 2024-05-01T19:28:41.701Z (6 months ago)
• Topics: figma, figma-variables, tailwind, tailwind-design-system, tailwind-figma, tailwind-tokens, tailwindcss
• Homepage:
• Size: 3.91 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TailwindCSS Tokens DTCG

This is a JSON file with Tailwind Design System Tokens based on [Design Token Community Group](https://design-tokens.github.io/community-group/format/) format.

Main purpose for now is to import as Figma Variables.

Duplicate [this file from Figma Community](https://www.figma.com/community/file/1052575036916494414) which already has imported this as Figma Variables.

You can use this tokens in your own files by using this [Figma Plugin](https://www.figma.com/community/plugin/1253424530216967528/Variables-Import) to do it.

Contributions Welcome!