@design-sync/cli
v0.11.3
Published
CLI for Design Sync
Downloads
110
Readme
@design-sync/cli
Design Sync CLI
Usage
Initialize and install packages
# npm
npx @design-sync/cli init
follow the prompt to create a design-sync.config
file or pass -y
to skip the prompt and use the default values.
Sync:
add a sync
script to your package.json
file
{
"scripts": {
"sync": "design-sync sync"
}
}
then run
<npm|pnpm|yarn|bun> run sync
Configuration
The configuration file is a design-sync.config.ts
file in the root of your project.
uri
: (string) the uri of a git repository to download the design tokens from, eggh:owner/repo/path/to/file/or/folder#branch
supportsgithub
,gitlab
,sourcehut
andbitbucket
see giget for more info.auth
: (string) Custom Authorization token to use for downloading tokens. (Can be overridden withGIGET_AUTH
environment variable).out
: (string) the output directory for the generated filesplugins
: (array) plugins to use, see plugins for more infoschemaExtensions
(array)- schema extensions to use, see schema extensions for more infoprettify
: (boolean) format the generated files usingprettier
, default:false
filter
: (TokensWalkerFilter) filter tokens to process, default: all supported token typesrequiredModes
: (array) required modes, default:[]
defaultMode
: (string) default mode, default:default
disableDefaultExtensions
: (boolean) disable default schema extensions, default:false
Plugins
Schema Extensions
- Modes -> allow you to override tokens per mode (dark, light, etc) and generate a theme for each mode, enabled by default.
- Color Modifiers -> allow you to modify colors using common color modifiers like lighten, darken, saturate, etc, enabled by default.
- Color Generators -> allow you to generate more colors dynamically using color modifiers, enabled by default.
Development
- Clone this repository
- Install latest LTS version of Node.js
- Enable Corepack using
corepack enable
- Install dependencies using
pnpm install
- Run interactive tests using
pnpm dev
License
Made with 💛
Published under MIT License.