Open editor
AI tools

AI SVG generator with editable paths

Describe what you want and a language model writes the SVG. The result lands in VectorCraft as real vector artwork, so every anchor, colour and group can be edited, not just resized. You bring the API key; your browser talks to the provider directly.

Open the editor with AI tools

What the panel does

How the result gets into VectorCraft

The VectorCraft web build has no plug-in interface, so the panel uses the same doors you would:

ButtonWhat happens
Place in documentThe file is dropped on the middle of your canvas. An SVG arrives as one group of editable paths; a picture arrives as an embedded image, ready for Image Trace. With no document open, it opens as a new one.
Open as newThe file opens in its own document tab, sized to the SVG or picture.
Copy SVGThe code goes to your clipboard. Click the VectorCraft canvas and press Ctrl+V (⌘V on a Mac): VectorCraft pastes SVG markup as artwork.
SaveDownloads the .svg or picture, for use anywhere.

Step by step

  1. In the editor, click AI tools in the top bar. The panel opens on the right and the canvas resizes to fit.
  2. Open the settings (gear icon), choose a provider and paste your API key. The key field links to the provider’s key page. The text model writes SVG; the image model is only used on the Image to trace tab.
  3. On SVG artwork, pick a style, describe the drawing and press Generate SVG (or ⌘/Ctrl + Enter).
  4. Choose Place in document. To change the drawing, press Revise and say what should change, or edit it by hand: Object › Ungroup, then Direct Selection on the paths.
  5. When it looks right, export from VectorCraft as usual: File › Export › Export As SVG… or Export As PNG….

Prompts that work well

Name colours as hex codes when they matter (“use #e93d82 and #1a1a2e”), and keep a request to one idea. Language models place coordinates without seeing the picture, so they do best with simple, bold shapes.

Supported providers

ProviderDefault text model (SVG)Default image modelGet a key
OpenAIgpt-6.1-solgpt-image-2.5-flareplatform.openai.com
Google Geminigemini-3.8-flashgemini-3.1-flash-imageaistudio.google.com
OpenRouteranthropic/claude-sonnet-5.5recraft/recraft-v4.1-vectoropenrouter.ai
Custom (OpenAI-compatible)any chat model your API servesany image model your API servesyour own endpoint

OpenRouter gives one key access to many models: Claude, GPT, Gemini and Grok for SVG, and Recraft, Gemini, GPT Image and FLUX for images. The custom option works with any service that implements OpenAI’s /chat/completions (for SVG) or /images/generations (for images) and accepts browser requests.

Privacy: what goes where

DataWhere it goes
Your API keyStays in your browser. Sent only to the provider, in the request header.
Your prompt, and an SVG you choose to reviseSent from your browser straight to the provider you picked.
Everything else you do in VectorCraftNever leaves your device.
vectorcraft.run serversServe the static editor files. They receive none of the above.

The provider’s own terms and data policy apply to what you send them. Before the panel shows or saves an SVG, it removes scripts, event handlers and embedded web content, which have no place in artwork.

No key? Trace a picture you already have

For logos and drawings you already have as PNG or JPEG, you may not need a model at all. VectorCraft’s Image Trace runs on your device for free, with presets for logos, line art, silhouettes and photos. See how to convert an image to vector, and how to edit an SVG online once you have one.

FAQ

Is the result a real vector file or a picture?

A real SVG. The text model writes SVG code (paths, shapes, groups and gradients), and VectorCraft opens it as editable artwork: select an anchor with Direct Selection and drag it, or recolour a group in the Appearance panel. Image models give a picture instead, which you turn into paths with Image Trace.

Do I have to pay to use the AI tools?

You pay your AI provider for what you use, at their normal API prices. vectorcraft.run charges nothing and adds no markup, because the request never passes through us. An SVG icon is a short text answer, so it usually costs far less than a generated image.

Which model should I pick for SVG?

Models that are good at code draw better SVG. The defaults are gpt-6.1-sol on OpenAI, gemini-3.8-flash on Gemini and claude-sonnet-5.5 on OpenRouter. “Load models” in the panel lists everything your key can use; larger models follow detailed requests better and cost more.

Where is my API key stored?

In your browser only. By default it lasts for the current tab (sessionStorage). Tick “Remember my key on this device” to keep it in localStorage instead, and use “Forget all keys” in the panel settings to delete it.

Why does a drawing come back simple or a little off?

A language model writes coordinates without seeing the result, so it is best at icons, logo marks, badges and flat scenes. Ask for one change at a time with Revise, or fix the last details by hand. That is what the editor next to it is for.

Does VectorCraft itself have AI features?

Not yet: its developers list generative AI among the features still missing. The panel is something this site adds around the unmodified editor. VectorCraft’s own Image Trace, which turns pictures into paths, runs locally without any key.

Draw your first SVG with AI

Open the editor, paste a key, and describe an icon in the side panel.

Open AI tools