Skip to content
design systempackages/design/design-sync

design-sync package

Git-only design-token sync — tokens live in the repo as the source of truth, no design-tool round-trip to keep in lock-step.

Stability
Stable
Scope
Global
Boundary
packages/design/design-sync
design-syncpackages/design/design-sync
Design system
DTCG JSON
Tokens repo
@nebutra/tokens

Tokens shipped

202

Components

67

Coverage

95%

Sync status

OK

packages/design/design-syncdesign supply chain
Usagedesign-sync.ts
typescript
design-sync.ts
1import { getDesignSync } from "@nebutra/design-sync";
2
3// Auto-detects git-only / design-md from env.
4const sync = await getDesignSync();
5
6await sync.healthcheck();
7await sync.pull();                  // re-read DTCG token files (git is the source)
8await sync.push({ dryRun: true });  // validate + reformat in place (dry-run safe)