Use with AI - get-started - Design System

The design system is available to AI assistants through a Model Context Protocol (MCP) server. Once connected, an assistant answers from the official guidelines instead of guessing: which component fits, what its Do's and Don'ts are, or which color a token has on Digitec in dark mode.

#Server URL

https://mcp.galaxus.ch/designsystem

No login is needed. The server serves the public documentation only.

#Connect your assistant

#Claude Desktop and claude.ai

Open Settings › Connectors, choose Add custom connector, name it "DG Design System" and paste the server URL.

#VS Code with GitHub Copilot

Add the server to .vscode/mcp.json in your project, or to your user settings:

{
  "servers": {
    "dg-design-system": {
      "type": "http",
      "url": "https://mcp.galaxus.ch/designsystem"
    }
  }
}

#Open WebUI

Open Admin Settings › External Tools, add a connection of type MCP (Streamable HTTP) with the server URL and no authentication.

#What the assistant can do

search_design_docs finds the page for a topic, optionally within one section such as components.
read_design_doc reads a page or a single section of it, such as "best practices".
get_tokens returns exact token values per theme: colors, border radius, elevation, spacing, motion, breakpoints and icon names.