# Zeplin — MCP server on mcp.ai
> Connect your Zeplin account and use 24 tools for images and design straight from your AI agent. Connect in one click, no API key needed. Zeplin is a design delivery platform that connects designers and developers, enabling access to design resources like projects, screens, components, and assets.

By: mcp.ai · official
Page: https://mcp.ai/zeplin

## Connect (MCP protocol)
Remote MCP endpoint (HTTP, streamable): https://api.mcp.ai/p_zeplin?ms=1787296080000
Add it as a custom/remote MCP connector, then authenticate when prompted.

## REST API (no MCP client required)
Every tool is also a REST endpoint, authed with a workspace API key.
Discover: GET https://api.mcp.ai/api/zeplin/_endpoints   # public; lists every endpoint
Call:     POST https://api.mcp.ai/api/zeplin/<endpoint>
  Authorization: Bearer sk_live_…   # create one at https://mcp.ai/settings/api-keys
  Content-Type: application/json
  Body: { …args }   →   { "ok": true, "tool": "<id>", "result": { … } }

## Developer docs
How to use (MCP or REST), markdown: https://mcp.ai/zeplin/skill.md
Postman collection (v2.1): https://mcp.ai/zeplin/postman.json

## Tools
- zeplin_auth_o_auth_authorize(state?: string, client_id: string, redirect_uri: string, response_type?: string, code_challenge?: string, code_challenge_method?: string) — Tool to start OAuth 2.0 authorization code flow for Zeplin apps. Use when initiating user authorization; call before exchanging the code.
- zeplin_connected_components_project_list(limit?: integer, offset?: integer, project_id: string) — Tool to list connected components in a Zeplin project. Use when you have the project_id and need to retrieve connected components in a specific project.
- zeplin_project_color_update(a?: number, b?: integer, g?: integer, r?: integer, color_id: string, source_id?: string, project_id: string) — Tool to update a color in a Zeplin project. Use when you need to modify RGBA channels or source ID of an existing color after confirming the project and color IDs.
- zeplin_project_colors_list(project_id: string, token_type?: string, access_token?: string, authorization?: string) — Tool to list colors in a Zeplin project. Use when you need to fetch defined color tokens at the project level after obtaining the project ID.
- zeplin_project_text_style_update(data: object, project_id: string, token_type?: string, access_token?: string, authorization?: string, text_style_id: string) — Tool to update a text style in a Zeplin project. Use when you need to modify typography settings of an existing text style after confirming the project and text style IDs.
- zeplin_project_text_styles_list(limit?: integer, offset?: integer, project_id: string, token_type?: string, access_token?: string, authorization?: string) — Tool to list text styles in a Zeplin project. Use when you need to fetch typography tokens defined at the project level after obtaining the project ID.
- zeplin_projects_get(project_id: string) — Tool to get a Zeplin project by ID. Use when you need detailed info about a specific project after confirming its project_id.
- zeplin_projects_members_invite(role?: string, handle: string, project_id: string) — Tool to invite a user to a Zeplin project. Use when you need to add a member by email or username to a project after obtaining the project ID.
- zeplin_screen_annotation_delete(screen_id: string, annotation_id: string) — Tool to delete a screen annotation in Zeplin. Use when you need to remove a specific annotation from a Zeplin screen given its IDs.
- zeplin_screen_annotation_get(screen_id: string, annotation_id: string) — Tool to fetch a single screen annotation. Use when you know the screen_id and annotation_id and need the detailed annotation data.
- zeplin_screen_annotations_list(limit?: integer, offset?: integer, screen_id: string) — Tool to list annotations for a Zeplin screen. Use when you have the screen_id and need its annotations.
- zeplin_screen_annotations_update(type?: object, content?: string, position?: object, screen_id: string, annotation_id: string) — Tool to update a screen annotation's content, position, or type. Use after confirming screen_id and annotation_id.
- zeplin_screen_components_list(limit?: integer, offset?: integer, screen_id: string, include_latest_version?: boolean) — Tool to list components in a Zeplin screen. Use when you have the screen_id and need to retrieve UI components in a specific screen.
- zeplin_screen_section_get(project_id: string, section_id: string) — Tool to get a single screen section. Use when you need to fetch detailed information of a screen section by its ID after confirming the project and section IDs.
- zeplin_screen_sections_list(limit?: integer, offset?: integer, project_id: string) — Tool to list screen sections in a Zeplin project. Use when you need a paginated list of screen sections after confirming the project ID.
- zeplin_screen_version_get(screen_id: string, version_id: string) — Tool to retrieve a specific screen version. Use after specifying both screen_id and version_id when you need detailed snapshot metadata.
- zeplin_screen_versions_create(image: object, screen_id: string, project_id: string, commit_message?: string) — Tool to create a new version of a screen. Use when uploading a new design snapshot (PNG or JPEG image) as a screen version. Requires a valid project_id, screen_id, and an image file. Optionally includ
- zeplin_screen_versions_list(limit?: integer, offset?: integer, screen_id: string) — Tool to list all versions of a screen. Use when you need to enumerate past screen snapshots after obtaining a screen ID.
- zeplin_styleguide_color_create(a: number, b: integer, g: integer, r: integer, name: string, token_type?: string, access_token?: string, authorization?: string, styleguide_id: string) — Tool to create a new styleguide color. Use after obtaining the styleguide ID to define custom color tokens.
- zeplin_styleguide_color_update(a?: number, b?: integer, g?: integer, r?: integer, name?: string, color_id: string, source_id?: string, token_type?: string, access_token?: string, authorization?: string, styleguide_id: string) — Tool to update a color in a Zeplin styleguide. Use after obtaining the styleguide and color IDs.
- zeplin_styleguide_colors_list(token_type?: string, access_token?: string, authorization?: string, styleguide_id: string, linked_project?: string) — Tool to list colors in a Zeplin styleguide. Use when you need to fetch defined color tokens after obtaining the styleguide ID.
- zeplin_styleguide_text_style_update(data: object, token_type?: string, access_token?: string, authorization?: string, styleguide_id: string, text_style_id: string) — Tool to update a text style in a Zeplin styleguide. Use when you need to modify typography settings of an existing text style after confirming the styleguide and text style IDs.
- zeplin_styleguide_text_styles_list(limit?: integer, offset?: integer, token_type?: string, access_token?: string, authorization?: string, styleguide_id: string, linked_project?: string) — Tool to list text styles in a Zeplin styleguide. Use when you need to fetch defined typography tokens after obtaining the styleguide ID.
- zeplin_users_get_personal_projects(limit?: integer, offset?: integer) — Tool to list personal projects. Use when you need to fetch all projects in the current user's personal workspace after authentication.

## Example prompts
- "What can I do in Zeplin?"
- "Show me a summary of my Zeplin account"

## Links
Docs: https://mcp.ai/docs/mcps/zeplin
Website: https://mcp.ai/mcps/zeplin