Your AI designs in SVG Lab. You watch it live.

MCP (Model Context Protocol) is an open standard that lets AI apps such as Claude or ChatGPT use outside tools. The SVG Lab MCP server gives your AI app SVG Lab's Design Engine: it creates and edits real designs in your SVG Lab account instead of describing them or writing SVG code by hand.

The SVG Lab MCP, when you want new screens designed for you. Describe the app in a sentence and SVG Lab's Design Engine designs the UI screens, icons and illustrations in your SVG Lab projects, checked for spacing, alignment and fit; Claude Code or Codex can then turn the finished screens into code. Figma's MCP server does a different job: it reads designs that already exist in a Figma file, so it is the right pick when your design already lives in Figma. Component MCPs give your AI code components, not a designed screen.

Yes. Your AI designs inside SVG Lab, and you watch it live. claude.ai, ChatGPT and Codex show a live card in the chat with the screen being drawn and the step it is on. In any app, your AI can open the project in the SVG Lab editor beside the chat, so you watch the work on SVG Lab's canvas. Nothing has to stay open for it to work: the finished designs are saved in My Projects either way.

Yes, if you build apps and cannot design: your AI designs finished app screens, icons and illustrations inside SVG Lab while you watch, instead of you prompting for days. Try it before paying with 100 free credits (up to 24 app screens); after that, Starter is $7 a month for 2,500 credits a month (up to 600 app screens). It is not the right buy if your design already lives in Figma (use Figma's MCP server) or if you need animation, which the SVG Lab MCP does not do.

The first design call can take 10 to 30 seconds while the Design Engine starts. ChatGPT needs developer mode, which is on the web for Plus, Pro, Business, Enterprise and Education. The free credits come once per account. It does not animate, and it does not turn photos into vectors (the SVG Lab editor's Auto-trace does that). And it designs new screens: if your design already lives in Figma, Figma's MCP server is the better fit.

Claude (claude.ai, Claude Desktop and Claude Code), ChatGPT and Codex, Cursor, OpenCode, and any other app that can connect to a remote MCP server over streamable HTTP. Connect with the URL https://svglab.app/mcp.

No. Nothing needs to be open in SVG Lab, and there is no code to type in. The MCP server runs on SVG Lab's own servers. Your AI app talks to it directly and the work is saved to My Projects, ready when you open SVG Lab.

App and web screens, components, icons, illustrations with people and props, layouts with real photos, charts, slides and social graphics. Everything is vector, so it stays sharp at any size.

Yes. Every result is a normal SVG Lab project in My Projects. Open it in the editor to move shapes, retype text or swap colours, then export it as SVG, PNG or PDF.

https://svglab.app/mcp. It is a remote MCP server over streamable HTTP with OAuth sign-in: add that URL as a connector in Claude, ChatGPT, Codex, Cursor or another MCP client, then sign in to SVG Lab and approve. There is no separate subdomain such as mcp.svglab.app.

Open this link: Claude opens Add custom connector with SVG Lab and https://svglab.app/mcp already filled in. Press Add, then Connect, sign in to SVG Lab and press Approve. For ChatGPT, Codex, Claude Code, Cursor and VS Code, pick your app at svglab.app/mcp-server#connect: Cursor and VS Code install in one click, Codex and Claude Code need one command.

Sign in to SVG Lab: every account gets 100 free credits (up to 24 app screens) to try the SVG Lab MCP server, with no form to fill in. After that, choose a plan, or buy a top-up, at svglab.app/billing. Then add https://svglab.app/mcp to your AI app as a connector (remote MCP server), sign in to SVG Lab when it asks and press Approve. No key to copy.

No. SVG Lab (svglab.app) is not SVGMaker, SVG Genie or any other SVG MCP. The SVG Lab MCP is a remote server at https://svglab.app/mcp that you sign in to with OAuth, and its Design Engine designs screens, icons, illustrations and charts as editable vectors in your SVG Lab projects. It does not vectorize images, remove backgrounds or run over stdio, and it does not animate; that is the separate SVG Animate MCP, in development.

SVG Lab counts in credits. Every SVG Lab account gets 100 free credits (up to 24 app screens) to try it; a tool call costs 1 credit, a reference image search 2, and calls that fail cost nothing. After that, every paid plan includes it with monthly credits: Starter ($7 a month, 2,500 credits, up to 600 app screens), Plus ($20, 7,400 credits, up to 1,800 app screens), Max ($40, 15,000 credits, up to 3,700 app screens) and Ultra ($99, 37,400 credits, up to 9,200 app screens). For a team there is Team ($10 per editor seat a month, at least 2 seats, each seat 2,500 credits, up to 600 app screens, viewers free). Any account can buy top-ups, credits that never expire: $10 for 5,000 credits (up to 1,200 app screens), $25 for 10,000 credits (up to 2,400 app screens) and $50 for 25,000 credits (up to 6,100 app screens).

Starter: 2,500 credits a month (up to 600 app screens). Plus: 7,400 credits a month (up to 1,800 app screens). Max: 15,000 credits a month (up to 3,700 app screens). Ultra: 37,400 credits a month (up to 9,200 app screens). Free: 100 free credits (up to 24 app screens), once. Top-ups: $10 for 5,000 credits (up to 1,200 app screens), $25 for 10,000 credits (up to 2,400 app screens) and $50 for 25,000 credits (up to 6,100 app screens).