Integrations

Each works on its own. None needs a Bridge account or server.

GitHub

Reading works without a token. To approve, comment, merge, propose drafts or plan a revert from the Studio, connect a fine-grained token limited to peterbono/ai-design-system-demo. It stays in this browser and is only ever sent to api.github.com.

Read only
Create a token on GitHub

DS Bridge Figma plugin

Pull tokens into Figma Variables, and push variable edits back as a draft pull request with a three-way diff and the contrast gate. Works on the free Figma plan. Not published to Figma Community yet: import it from a local build of this repository.

MCP server and CLI

Give your own Claude 21 tools on this design system: tokens resolved in every mode, the contrast gate, components and their docs, and changes proposed on a branch for review. It never writes to main.

Connect GitHub

Reading pull requests works without a token. To approve, comment, merge or propose token changes, paste a fine-grained personal access token limited to peterbono/ai-design-system-demo.

  1. Create a token on GitHub, repository access: only ai-design-system-demo.
  2. Permissions: Pull requests read and write, Contents read and write, Commit statuses and Checks read.
  3. Paste it below. It stays in this browser (localStorage) and is only sent to api.github.com.