mcp-server
npxStandardZeplin’s MCP server provides AI agents with access to Zeplin’s UI design tools. It exposes Zeplin’s design systems, components, and assets for AI-assisted UI development. Connects to Zeplin’s API for real-time design data. Developers use it to automate UI design tasks, generate code from designs, and maintain design consistency across projects.
910Updated 6 months ago
Overview
Zeplin’s MCP server provides AI agents with access to Zeplin’s UI design tools. It exposes Zeplin’s design systems, components, and assets for AI-assisted UI development. Connects to Zeplin’s API for real-time design data. Developers use it to automate UI design tasks, generate code from designs, and maintain design consistency across projects.
Installation
1Install the package
npx
npx -y @zeplin/mcp-server2Add to Claude
Add this configuration to your claude_desktop_config.json:
claude_desktop_config.json
{
"mcpServers": {
"zeplin-mcp-server-npm": {
"command": "npx",
"args": [
"-y",
"npx -y @zeplin/mcp-server"
]
}
}
}3Verify installation
Restart Claude Desktop, then ask:
"What tools do you have available from mcp-server?"
Prerequisites
- Node.js 18 or higher
- npm or npx available
- Claude Desktop or Claude API access
- API key for mcp-server
Configuration
API Key Required
This server requires an API key from mcp-server. Add it to your environment or config.
| Variable | Required | Description |
|---|---|---|
| MCP-SERVER_API_KEY | Yes | Your mcp-server API key |
Usage Examples
List Resources
"What resources are available in mcp-server?"
Claude will query available resources and return a list of what you can access.
Get Details
"Show me details about [specific item] in mcp-server"
Claude will fetch and display detailed information about the requested item.
Create New
"Create a new [item] in mcp-server with [details]"
Claude will use the appropriate tool to create the resource and confirm success.
Works with mcp-server
Related skills
Browse all skillsNeed help with MCP integration?
We build custom MCP integrations for B2B companies. From simple connections to complex multi-tool setups.