← All install options

Install Better Design MCP in ZCode

Setup

  1. 1

    Open MCP Servers

    In ZCode, open Settings → MCP Servers, then click New MCP Server.
  2. 2

    Add the configuration

    Choose User or Workspace, select Full configuration, paste the JSON below, then click Add.
  3. 3

    Enable and verify

    Enable better-design, start a new Agent task, and ask: List the design systems Better Design supports.

Need more detail? Read the official ZCode MCP documentation.

Config
json
{
  "mcpServers": {
    "better-design": {
      "type": "http",
      "url": "https://better-design.com/api/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}