Ubie Design Tokens
This is a package for using the design tokens defined in Ubie's products in development. Design tokens are managed in JSON format and are converted to the format for each platform using Style Dictionary.
Figma file is published in Figma Community. https://www.figma.com/community/file/1139108856002045571
npm install @ubie/design-tokens
This package contains files with three extensions: CSS, SCSS, and JS.
import DesignTokens from '@ubie/design-tokens';
- Convert design tokens defined in Figma to JSON format files
FIGMA_TOKEN=*** FIGMA_DESIGN_TOKEN_FILE_KEY=*** npm run build:figma
*If you’re Ubie member and want to know FIGMA_DESIGN_TOKEN_FILE_KEY, please ask to
@designer on Ubie Slack.
- Converts JSON files to the format used by each platform
npm run build:tokens
config.json if you need to add a supported platform. Please refer to the Style Dictionary documentation for details.
This Ubie Design Tokens is licensed under the Apache License 2.0.