mcp · svgator — Claude Code MCP server: setup
Connects an AI assistant to SVGator projects so it can inspect, change, create, and export animated SVG work.
claude mcp add --transport http mcp https://mcp.svgator.com/mcpWhat mcp does
This remote MCP server lets Claude Code and other supported clients work with SVGator through Streamable HTTP. OAuth 2.1 handles the sign-in flow. The available tools cover project listings and details, structure inspection, path-based edits, full project creation or replacement, duplication, folders, and reusable assets.
Exports can produce SVG, Lottie, React Native, Flutter, video, or GIF files. A separate render tool checks raster export progress and returns a signed download URL when the job finishes. Project results include an editor_url, so you can open the same work in the SVGator editor. An SVGator account is required, and exports count toward the limits of its plan.
What it helps with
- inspect SVGator projects and animated elements
- change colors or motion inside a project
- build or replace a complete animated SVG project
- sort projects into folders and reusable assets
- export animation work as Lottie, video, or GIF
Example prompts for the agent
- List my SVGator projects and show the editor links.
- Change the circle in project
logo-revealto red and make its motion loop. - Export project
loading-spinneras Lottie and check the render status.
How to install mcp
Platform CLI: remote server
claude mcp add --transport http mcp https://mcp.svgator.com/mcpPlatform CLI: remote server
codex mcp add svgator-mcp --url https://mcp.svgator.com/mcpConfig file
{
"mcpServers": {
"svgator-mcp": {
"url": "https://mcp.svgator.com/mcp"
}
}
}Config file
{
"servers": {
"svgator-mcp": {
"type": "http",
"url": "https://mcp.svgator.com/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http svgator-mcp https://mcp.svgator.com/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about mcp
How do I install mcp in Claude Code?
Run claude mcp add --transport http mcp https://mcp.svgator.com/mcp. Then sign in to SVGator through OAuth 2.1.
What does mcp do?
It gives an AI assistant tools for SVGator projects, including inspection, edits, project creation, folders, assets, and export jobs.
What is required to use this MCP server?
You need an SVGator account. Claude Code connects directly to the endpoint, while exports use the limits attached to your SVGator plan.
Similar MCP servers
All MCP servers for Design →mcp by other authors comes first.
