How to connect Zeplin to Claude Code

1. 1. Enable Zeplin in Metorial

   In your Metorial portal, enable the Zeplin MCP server and sign in with the account that owns the data. Access stays governed by your team policies.

2. 2. Add the server over HTTP

   Add --scope user to use it in every project.

   Copy

   claude mcp add --transport http metorial <your-magic-mcp-url>

3. 3. Sign in

   Run /mcp, select Metorial and sign in to load Zeplin tools.

• Get Styleguide: Retrieve detailed information about a specific Zeplin styleguide.
• List Screen Versions: List all versions of a specific screen in a Zeplin project.
• Delete Screen Note: Delete a note from a screen in a Zeplin project.
• Update Project: Update a Zeplin project's name or description.
• List Colors: List all colors from a Zeplin project or styleguide.
• Get Design Tokens: Retrieve all exported design tokens from a Zeplin project or styleguide, including colors, text styles, and spacing tokens in a structured format.
• Get Flow Board: Retrieve a specific flow board from a Zeplin project, including its nodes and connectors that define user journey maps and navigation diagrams.
• List Flow Boards: List all flow boards in a Zeplin project.
• List Projects: List all Zeplin projects the authenticated user is a member of.
• List Spacing Tokens: List all spacing tokens from a Zeplin project or styleguide.
• List Organizations: List all Zeplin organizations (workspaces) that the authenticated user is a member of.
• List Screens: List all screens in a Zeplin project.
• Create Screen Note: Create a note on a screen in a Zeplin project.
• Invite Project Member: Invite a user to a Zeplin project by their email, username, or user ID.
• List Styleguides: List all Zeplin styleguides the authenticated user is a member of.
• And 13 more on the Zeplin MCP server page.

• Zeplin tools appear as mcp__metorial__<tool>. Use that name in permission rules to allow or deny a tool.
• Run /mcp to see whether Metorial is connected and to sign in again.
• Claude Code warns when a tool result passes 10,000 tokens and caps it at 25,000 by default. Raise the cap with MAX_MCP_OUTPUT_TOKENS.
• Pre-approve trusted Zeplin tools with allow rules in your settings so Claude Code stops asking each time.

claude mcp list shows "Needs authentication"

Run /mcp, select Metorial, and sign in. If sign-in keeps failing, choose Clear authentication in the same menu and sign in again.

A teammate sees "Pending approval"

Servers shared through a project .mcp.json need approval. Run claude in the project and approve Metorial when asked.

Large tool results are cut off

Claude Code limits MCP tool output to 25,000 tokens by default. Raise it with the MAX_MCP_OUTPUT_TOKENS environment variable.

Based on the Claude Code MCP documentation.