Works with Claude
Describe the motion and Claude animates it
The svgmo connector lets Claude work in your open editor. You ask in plain words; it draws, animates and exports while you watch, and every change lands in your undo history.
- 27 tools the assistant can call in your editor
- Up to 100 steps in one request
- One undo takes back a whole batch
Built on MCP, the open standard assistants use to reach tools
Claude
Tested. Add the connector URL as a custom connector and it works.
Made to work with any MCP client.
- Cursor
- Windsurf
- Zed
- GitHub Copilot
- Gemini
Claude is the one we have tested so far. Any client that can add a remote MCP server by URL should connect the same way. Product names and logos belong to their owners.
What it can do
The connector gives the assistant the same tools you have, one at a time or up to a hundred steps in one request.
Draw and import
Rectangles, ellipses, stars, polygons, lines and paths, or bring in an SVG.
Trace pictures
Turn a PNG or JPG into vector layers, with the background taken out.
Keyframes and easing
Key any property, or animate many layers at once with a stagger.
Gradients and motion paths
Colour fills with gradients, and send a layer along a curve.
33 motion presets
Fade, pop, spin, shake and more, applied to as many layers as you like.
It checks its own work
The assistant can render a frame, or a sheet of frames, and look at the result.
Set up in four steps
You need to be signed in to the editor.
- 1
Sign in to the editor
The connector belongs to your account.
- 2
Make a connector URL
In the editor, open Account, then MCP connector, and press Make a connector URL. Copy it; it is shown once.
- 3
Add it to Claude
In Claude, open Settings, then Connectors, and add a custom connector with that URL. There is no other sign-in.
- 4
Keep the editor open and ask
Leave the editor tab open with the connector on. A small MCP on badge shows in the corner.
How a request travels, and who is in control
Nothing happens unless your editor tab is open with the connector switched on.
You ask Claude
In plain words, the way you would brief a designer.
The connector carries it
Your private URL passes each request to your open editor.
Your editor does it
It draws, animates and exports while you watch. Undo works as usual.
A private URL is the key
Anyone who has the URL can drive your open editor, so keep it private. Make a new one, or remove it, from the same dialog at any time.
Only while your tab is open
The connector does nothing unless your editor is open with the connector switched on.
Everything can be undone
Each change goes through the same history as your own edits. One batch of steps is one undo.
The connector is part of the free editor. Sign in with Google to make a URL.