Skip to main content

Getting Started with Bezel

Bezel helps you create and manage design tokens—the colors, typography, spacing, and other values your app uses. Organize them into themes, preview changes, and generate files for your codebase with Bezel Kit.

Start a project​

  1. Learn about tokens, groups, and themes in Core Concepts.
  2. Create a project and add your starting tokens.
  3. Get familiar with The Editor to edit and preview your design system.

Use your tokens in an app​

Already have a Bezel project? Choose the setup that works for you:

  • Quick Start using MCP — let your coding assistant install Bezel Kit and set up your project. Requires Pro or higher.
  • Manual Setup without MCP — download your tokens and set up Bezel Kit yourself. Available on all plans, including Free.

Both paths generate the files your app uses and offer optional live preview with Crystal.