X (Twitter)LinkedInGitHubDiscordYouTube

How to connect Zeplin to Claude

Connect Claude Web, Desktop and Cowork to Zeplin MCP. List all project styleguides in zeplin, get all screens for a specific project, and more using natural language, with authentication handled for you.

Get started for freeGet a demo
Zeplin logoZeplin
Oauth2Api Key

Zeplin is a collaborative workspace for designers and developers to organize and hand off design projects. It streamlines design file sharing and communication for smoother product development.

24 Tools

Introduction

Claude is Anthropic's AI assistant, available on the web, in the desktop app, and on mobile. Cowork is its agent for knowledge work, and it runs on all of those surfaces too. Connected to your apps, Claude can work with your files and services to accomplish complex tasks on your behalf.

This guide walks you through the easiest and most secure way to connect your Zeplin account to Claude via Composio Connect, enabling it to list all project styleguides in Zeplin, get all screens for a specific project, fetch comments from a specific Zeplin screen, and more such actions on your behalf without compromising your account security.

Setup is the same on Claude Web, Desktop, and Cowork, and you only need to do it once. The connector is tied to your account, so it's available in all three.

Also integrate Zeplin with

Claude CodeOpenAI Agents SDKClaude Agent SDKCodexOpenClawHermesAtomic AgentGoogle ADKLangChainVercel AI SDKMastra AILlamaIndexCrewAIPydantic AIAutoGen

Connecting Zeplin to Claude Web, Desktop, and Cowork

Two ways to add the Composio connector. Pick whichever you prefer.

1. Add with one click

Click the button. Claude opens with the Composio connector filled in. Click Add, then go to step 2.

Add to Claude

Add manually

In Claude Desktop, click Customize in the left sidebar, then select Connectors and click the + icon at the top.

Claude Desktop connectors screen with Add custom connector selected

Click Add custom connector and paste in the Composio MCP server URL:

bash
https://connect.composio.dev/mcp
Add custom connector dialog with Composio MCP server URL

2. Authorize in your browser

Click Connect. You'll be redirected to a browser window where you can authorize Composio to continue.

Composio authorization screen for Claude Web, Desktop, and Cowork

3. Connect your Zeplin account

Back in Claude, ask it to connect to Zeplin or give it any Zeplin-related task.

For example, ask Claude to:

  • "List all project styleguides in Zeplin"
  • "Get all screens for a specific project"
  • "Fetch comments from a specific Zeplin screen"

It will prompt you to authenticate and authorize access.

That's it. Composio's tools are now available in Claude, and your Zeplin account is ready to use.

What is the Zeplin Claude Connector, and what's possible with it?

The Zeplin MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Zeplin account. It provides structured and secure access to your Zeplin workspace, so your agent can perform actions like listing projects, fetching screens, exporting assets, managing components, and collaborating with your design team on your behalf.

  • Project and styleguide management: Let your agent list, fetch, or organize your Zeplin projects and associated styleguides for faster design handoff and reference.
  • Screen and asset retrieval: Automatically pull screen details, preview images, or export assets from any project directly into your workflow, no copy-paste required.
  • Component library access: Have your agent fetch, list, or update components from your shared libraries to keep your design system in sync.
  • Commenting and collaboration: Enable your agent to read, create, or manage comments on screens or components, streamlining feedback and design review cycles.
  • Resource linking and metadata extraction: Allow your agent to extract, organize, or provide direct links to design resources and metadata, making documentation and developer handoff seamless.

Troubleshooting

1. Why does Claude not use the Composio connector for Zeplin?

The connector can show as connected, but Claude must use it in each Zeplin conversation.

  • Click + at the lower left of the chat, or type /.
  • Hover Connectors.
  • Turn on Composio.
  • Ask Claude to connect to Zeplin again.

2. Why does Claude show an MCP server error before Zeplin connects?

Claude can show Couldn't reach the MCP server or Authorization with the MCP server failed when you add the connector for Zeplin.

  • Check that the connector URL is https://connect.composio.dev/mcp.
  • Connectors run from Anthropic's cloud, so your device network is usually not the problem.
  • Add the connector again from Customize > Connectors, then ask Claude to connect Zeplin.
  • If it fails again, send the error and the ofid_ reference id to support@composio.dev.

3. Why does the Zeplin authorization link not work?

The Composio connector is one server. Your Zeplin account connects separately when Claude asks for it.

  • If the browser does not open, or the link expires, ask Claude to retry the Zeplin connection.
  • Composio creates a fresh Zeplin authorization link.
  • Open that link in your browser and finish the Zeplin sign-in.

4. Why do Zeplin actions fail after they worked before?

The Zeplin connection can expire or lose permission.

  • Ask Claude to inspect the Zeplin connection.
  • If the connection is unhealthy, disconnect it when Claude prompts you.
  • Reconnect the Zeplin account and retry the action.
  • If Claude shows a permission prompt, approve it before Claude changes data in Zeplin.
  • If the action still fails with a permission error, check that the connected account has that permission in Zeplin itself.

5. How do I switch to a different Zeplin account?

Claude can manage the Zeplin connection for you.

  • Ask Claude to disconnect or delete the current Zeplin account.
  • Ask Claude to connect Zeplin again.
  • Open the new Composio authorization link for Zeplin.
  • Sign in with the other Zeplin account in the browser.
  • After the account connects, ask Claude to retry the Zeplin task.

6. Why is my Zeplin connection missing in Claude Desktop or on a Team plan?

The connector belongs to your Claude account, so your Zeplin connection works in Claude Web, Desktop, and Cowork.

  • In Claude Desktop, open Customize > Connectors.
  • Next to Composio, click ⋮ and click Clear cache.
  • If Zeplin tools still do not appear, click ⋮, disconnect, remove the connector, and add it again.
  • On Team or Enterprise, an Owner or Primary Owner must enable the connector before you can connect Zeplin.
TOOLS

Supported Tools

Every Zeplin action and event your agent gets out of the box.

Start OAuth authorization (PKCE)

Tool to start OAuth 2.

List Project Connected Components

Tool to list connected components in a Zeplin project.

List Project Colors

Tool to list colors in a Zeplin project.

Update Project Color

Tool to update a color in a Zeplin project.

Get Zeplin Project by ID

Tool to get a Zeplin project by ID.

Invite Project Member

Tool to invite a user to a Zeplin project.

List Project Text Styles

Tool to list text styles in a Zeplin project.

Update Project Text Style

Tool to update a text style in a Zeplin project.

Delete Screen Annotation

Tool to delete a screen annotation in Zeplin.

Get Screen Annotation

Tool to fetch a single screen annotation.

List Screen Annotations

Tool to list annotations for a Zeplin screen.

Update Screen Annotation

Tool to update a screen annotation's content, position, or type.

List Screen Components

Tool to list components in a Zeplin screen.

Get Screen Section

Tool to get a single screen section.

List Screen Sections

Tool to list screen sections in a Zeplin project.

Get Screen Version

Tool to retrieve a specific screen version.

Create Screen Version

Tool to create a new version of a screen.

List Screen Versions

Tool to list all versions of a screen.

Create Styleguide Color

Tool to create a new styleguide color.

List Styleguide Colors

Tool to list colors in a Zeplin styleguide.

Update Styleguide Color

Tool to update a color in a Zeplin styleguide.

List Styleguide Text Styles

Tool to list text styles in a Zeplin styleguide.

Update Styleguide Text Style

Tool to update a text style in a Zeplin styleguide.

List Personal Projects

Tool to list personal projects.

FRAMEWORKS

How to build Zeplin MCP Agent with another framework

Claude Code logo

Claude Code

Use Zeplin MCP with Claude Code

OpenAI Agents SDK logo

OpenAI Agents SDK

Use Zeplin MCP with OpenAI Agents SDK

Claude Agent SDK logo

Claude Agent SDK

Use Zeplin MCP with Claude Agent SDK

Codex logo

Codex

Use Zeplin MCP with Codex

OpenClaw logo

OpenClaw

Use Zeplin MCP with OpenClaw

Hermes logo

Hermes

Use Zeplin MCP with Hermes

Atomic Agent logo

Atomic Agent

Use Zeplin MCP with Atomic Agent

Google ADK logo

Google ADK

Use Zeplin MCP with Google ADK

LangChain logo

LangChain

Use Zeplin MCP with LangChain

Vercel AI SDK logo

Vercel AI SDK

Use Zeplin MCP with Vercel AI SDK

Mastra AI logo

Mastra AI

Use Zeplin MCP with Mastra AI

LlamaIndex logo

LlamaIndex

Use Zeplin MCP with LlamaIndex

CrewAI logo

CrewAI

Use Zeplin MCP with CrewAI

Pydantic AI logo

Pydantic AI

Use Zeplin MCP with Pydantic AI

AutoGen logo

AutoGen

Use Zeplin MCP with AutoGen

FAQ

Frequently asked questions

With a standalone Zeplin MCP server, the agents and LLMs can only access a fixed set of Zeplin tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Zeplin and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. Claude Cowork fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Zeplin tools.

Yes, absolutely. You can configure which Zeplin scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Zeplin data and credentials are handled as safely as possible.

Start with Zeplin.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Zeplin tool your agent needs.Free to start.

Start building