Zeplin MCP server for AI agents and assistants

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Zeplin MCP or direct API to fetch project details, organize screens, share asset links, and automate design handoff through natural language.

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

Try Zeplin now

Type what you want done — sign in and watch it run live in the Tool Router playground.

TOOL ROUTER PLAYGROUND
Zeplin
Try asking
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.

SETUP GUIDE

Connect Zeplin MCP Tool with your Agent

1

Install Composio

typescript
npm install @composio/core ai @ai-sdk/mcp @ai-sdk/openai
Install the Composio SDK and your agent framework
2

Create a session with MCP enabled

typescript
import { Composio } from "@composio/core";

const composio = new Composio();
const { mcp } = await composio.create("your-user-id", {
  toolkits: ["zeplin"],
  mcp: true,
});
Create a session scoped to Zeplin and read its MCP URL and headers
3

Connect your agent to the MCP server

typescript
import { createMCPClient } from "@ai-sdk/mcp";
import { openai } from "@ai-sdk/openai";
import { generateText, stepCountIs } from "ai";

const client = await createMCPClient({
  transport: { type: "http", url: mcp.url, headers: mcp.headers },
});

const { text } = await generateText({
  model: openai("gpt-5.6-sol"),
  tools: await client.tools(),
  prompt: "Show the latest Zeplin screens added to the project \"Mobile App Redesign\"",
  stopWhen: stepCountIs(10),
});

console.log(text);
await client.close();
Pass the session's MCP URL and headers to your agent and run a Zeplin request
SETUP GUIDE

Connect Zeplin API Tool with your Agent

1

Install Composio

typescript
npm install @composio/core @composio/openai openai
Install the Composio SDK, the OpenAI provider, and the OpenAI SDK
2

Create a Composio session

typescript
import OpenAI from "openai";
import { Composio } from "@composio/core";
import { OpenAIResponsesProvider } from "@composio/openai";

const composio = new Composio({ provider: new OpenAIResponsesProvider() });
const client = new OpenAI();

const session = await composio.create("your-user-id", { toolkits: ["zeplin"] });
const tools = await session.tools();
Initialize Composio with the OpenAI Responses provider and create a session scoped to Zeplin
3

Run Zeplin tools with your agent

typescript
let response = await client.responses.create({
  model: "gpt-5.6-sol",
  tools,
  input: [{ role: "user", content: "Show the latest Zeplin screens added to the project \"Mobile App Redesign\"" }],
});

while (response.output.some((o) => o.type === "function_call")) {
  const outputs = await composio.provider.handleToolCalls(session, response.output);
  response = await client.responses.create({
    model: "gpt-5.6-sol",
    tools,
    previous_response_id: response.id,
    input: outputs,
  });
}

console.log(response.output_text);
Send a request, execute the Zeplin tool calls through the session, and print the final answer

Why Use Composio?

AI Native Zeplin Integration

  • Supports both Zeplin MCP and direct API based integrations
  • Structured, LLM-friendly schemas for reliable tool execution
  • Rich coverage for reading, writing, and querying your Zeplin data

Managed Auth

  • Built-in OAuth handling with automatic token refresh and rotation
  • Central place to manage, scope, and revoke Zeplin access
  • Per user and per environment credentials instead of hard-coded keys

Agent Optimized Design

  • Tools are tuned using real error and success rates to improve reliability over time
  • Comprehensive execution logs so you always know what ran, when, and on whose behalf

Enterprise Grade Security

  • Fine-grained RBAC so you control which agents and users can access Zeplin
  • Scoped, least privilege access to Zeplin resources
  • Full audit trail of agent actions to support review and compliance

Rolling this out across your team?

Give your team centralized access control across every framework with Composio’s MCP Gateway.

EXPLORE MCP GATEWAY
FAQ

Frequently asked questions

No. Composio provides a managed OAuth app for Zeplin, so you sign in with your normal Zeplin account and approve access. If you later want the consent screen to show your own company name, you can add your own Zeplin OAuth app in the Composio dashboard, and every connection after that uses it.

Yes! Composio's Tool Router enables agents to use multiple toolkits. Learn more.

Yes. Composio is SOC 2 Type II compliant and is built to keep your Zeplin connection and credentials secure. OAuth tokens and API keys are encrypted, and sensitive customer data is protected at rest and in transit.

Composio also undergoes independent security testing and continuously monitors its systems for security threats. You can review the latest reports and policies in the Composio Trust Center.

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

When you connect a Zeplin account through Composio, every action runs under that account, so anything the agent creates, sends, or changes shows up in Zeplin as done by you. Keep an approval step in your prompt for actions with side effects, such as sending or deleting, and have the agent draft first.

Exactly the ones Zeplin lists on its consent screen when you connect. Review that screen before approving. If you connect a work account, your Zeplin administrator may need to approve the app first, and you can revoke the access inside Zeplin whenever you want.

Yes. Composio supports multiple connected accounts for the same app, and that works in Claude, ChatGPT, or any other assistant you connect through Composio. Give each Zeplin connection a name such as work or personal, and the assistant uses the one you mention in the request. Each account keeps its own credentials and nothing is merged.

Composio refreshes Zeplin tokens automatically, so day to day you do nothing. If you revoke access inside Zeplin, or Zeplin invalidates the session, the connection shows as expired in Composio and the agent stops acting on that account until you reconnect it, which is a single sign-in.

Composio's free Hobby plan includes 100,000 tool calls per month with no credit card, and up to 20,000 of those can run through Composio-managed apps like Zeplin. Personal Zeplin use rarely gets near that. Paid plans add higher limits and team features, and Zeplin's own pricing is unaffected.

Built-in connectors usually give one AI access to a limited set of apps. Many people use Composio because it lets their AI connect to more apps than it normally supports, or connect to multiple accounts for the same app (e.g. connect Claude to multiple Zeplin accounts).

With Composio, you connect Zeplin once and then use it across different AI assistants without setting it up separately in each one. Connect your apps to Composio once, then connect Composio to whichever AI you use, whether that's Claude, ChatGPT, Hermes, or your own custom assistant.

Start with Zeplin.It takes 30 seconds.

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

Start building