https://github.com/t18n/convert-design-token

Convert json design tokens to TS, JS for React Native, CSS variables and SCSS variables using style-dictionary
https://github.com/t18n/convert-design-token

code-generation design-tokens figma javascript react-native scss style-dictionary zeplin

Last synced: about 2 months ago
JSON representation

Convert json design tokens to TS, JS for React Native, CSS variables and SCSS variables using style-dictionary

• Host: GitHub
• URL: https://github.com/t18n/convert-design-token
• Owner: t18n
• License: mit
• Created: 2024-01-03T17:13:40.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-01-03T17:14:23.000Z (9 months ago)
• Last Synced: 2024-01-03T18:27:41.500Z (9 months ago)
• Topics: code-generation, design-tokens, figma, javascript, react-native, scss, style-dictionary, zeplin
• Language: JavaScript
• Homepage:
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Convert design token

This repo serve as an example to convert Zeplin-formatted as well as custom design tokens to TS, JS for React Native, CSS variables and SCSS variables.

## Modify tokens

Tokens can be modified in `design_tokens` folder. You can add more `json` files or modify existing ones. After that, run `pnpm generate`.