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. 1

    Sign in to the editor

    The connector belongs to your account.

  2. 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. 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. 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.

  1. You ask Claude

    In plain words, the way you would brief a designer.

  2. The connector carries it

    Your private URL passes each request to your open editor.

  3. 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.

Try it in your own editor