Skip to main content

Code Mode

The Code tab shows your current design tokens as design-tokens.json.

Select the file under Files to inspect its JSON. The view updates as you change tokens in Bezel and is read-only; use the Tokens tab to edit values.

Use the tokens in your app​

  • With MCP (Pro and higher): ask your coding assistant to fetch the tokens and set up Bezel Kit. See Quick Start using MCP.
  • Without MCP (including Free): click Download in the app header, save design-tokens.json in your app, and generate your files with Bezel Kit. See Manual Setup without MCP.

Bezel does not currently have a GitHub integration. Manage your repository and commits in your own development tools.

For more about the exported file, see The design-tokens.json File.