Novices Plagiarizing Mozart

    @ubie/design-tokens
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.3 • Public • Published

    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

    Usage

    npm install @ubie/design-tokens

    This package contains files with three extensions: CSS, SCSS, and JS.

    CSS

    @import url('node_modules/@ubie/design-tokens/dist/tokens.css');

    SCSS

    @import 'node_modules/@ubie/design-tokens/dist/tokens.scss';

    JS

    import DesignTokens from '@ubie/design-tokens';

    Development

    1. 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.

    1. Converts JSON files to the format used by each platform
    npm run build:tokens
    

    Edit config.json if you need to add a supported platform. Please refer to the Style Dictionary documentation for details.

    LICENSE

    This Ubie Design Tokens is licensed under the Apache License 2.0.

    Keywords

    none

    Install

    npm i @ubie/design-tokens

    DownloadsWeekly Downloads

    440

    Version

    0.1.3

    License

    Apache-2.0

    Unpacked Size

    76.3 kB

    Total Files

    7

    Last publish

    Collaborators

    • ubie-admin
    • takanorip
    • monchi