The design-tokens.json File

design-tokens.json contains your Bezel project's design tokens. The Code tab shows the current token data as read-only JSON.

Get the file into your app

Download (all plans): click Download in the app header and save the file as design-tokens.json in the directory where you run Bezel Kit.

MCP (Pro and higher): once your app is set up, ask your coding assistant:

Sync my Bezel tokens.

The assistant fetches the tokens and updates the local file. See MCP Workflows.

Run bezel build to generate CSS variables and any configured TypeScript files from your local token file. See Manual Setup without MCP for the full setup.

After editing tokens in Bezel, download the file again or sync it through MCP, then rebuild. Bezel does not automatically update files in your repository.

Publishing is separate

Publishing creates a versioned snapshot inside Bezel. It does not update your local files or commit changes to your repository.