How to Create Art with Code

Everyone says Claude can’t make pictures. That’s it in part the truth.

Here is the type art it’s self-contained, without plugins and connectors:

Drawn by Claude in SVG, there is no photo model anywhere near it. Not pixels but code: shapes again links they stay sharp at any size and redraw when you ask.

The following is a full tour, with specific instructions for making each piece, so you can see the range Claude’s observation skills and try it yourself.

You’ve probably heard that Claude can’t make pictures. It is the one that knocks on it and will never go away. Open a chat, ask for a photo, and you’re done not get the image back as you would from Midjourney or the image tools baked into ChatGPT and Gemini.

That part is true, but it’s also part of the story. There’s everything Claude does on its own, with no plugins, no bills, and no third-party tool subscriptions. It’s pulling. Not in pixels, but in code. And it has one advantage that no other image generator can match, which we’ll get to later.

Below is what it looks like, with the exact instructions that produced each piece. Everything you are about to see is drawn by Claude.

How it works, in one minute

When Claude makes observations, he writes SVG. Instead of drawing a grid of colored dots, SVG describes the image as shapes and coordinates: a circle here, a line there, this color, that angle. It is a way of drawing a picture instead of a single picture.

Two useful things come out of that. First, the art remains sharp at any size, because shapes are restored instead of expanded. Second, and this is the most important part, you can change the image by changing the words, which is a trick we will return to.

Trading is honest: this is a flat, graphic, vector-style work. Consider logos, icons, graphics, and graphic design, not photorealistic skin or painterly textures. In that line, however, the range is wider than most people expect.

Width (hands)

Here are five pieces, each made of one simple English request. The information is below each one so you can try it yourself.

1. One-weight line art

>

Draw a potted plant as a thin one-weight line art. Black strokes only, not filled, rounded ends.

Clean frame, even line weight. The kind of thing that sits well at the top of a blog post or as a quiet paragraph break.

2. Isometric, three-dimensional shading

›

Make a small isometric house. Three shaded faces, warm windows, a small flag on top.

Isometric work is all about angles and consistent shading, which is the type of mathematical code that works best for it. Useful for product descriptions and illustrations of how it works.

3. Icon set with one consistent style

›

Give me a set of flat icons: sun, cloud, rain, snow, lightning. Keep one consistent style.

The victory here is consistency. Ask for a set and get a shape that weighs the same as the space, which is the hard part to keep it steady by hand.

4. Small data panel

›

Convert this to a clean bar chart: Mon 7, Tue 11, Wed 9, Thu 15, Fri 20. Highlight the best day.

Claude’s numbers will also place a chart with labels, a base, and a highlighted bar. Ideal for reports and slides where you want one person organized rather than a spreadsheet.

5. Flat character illustration

›

Draw a cute fox sitting in a flat illustration style, warm palette, simple shapes.

Characters come too, as long as you keep them flat and graphic. This is where “vector” starts to sound more like a proper illustration than clip art.

A trick without an image generator

Here is the entry price section. With a standard image generator, a small change means rolling the dice again and hoping that the next rendering will retain everything you liked. With Claude’s drawings, you just say what you want to change, and it edits the picture you already have.

Watch the empty cup take several requests, one sentence at a time.

Three sentences, three edits, and a mug didn’t lose its shape between steps. Try doing that cleanly with the text-to-image conversion model.

This is the real reason to care. Claude doesn’t just give you a picture, he gives you a picture to keep to direct. Interview with editor.

How to get good results

The difference between a flat “meh” and something you can publish often comes down to how you ask. A few habits that come in handy:

• Name the style: Say the words out loud: “flat vector,” “one-line art,” “isometric,” “landscape illustration.” Claude leans towards a branded look that’s better than a vague one.
• Set the status: Give it a palette and feel. “Warm, calm evening colors” beat “make it fun” every time.
• Request SVG: Request it as an SVG to get a crisp, editable version rather than just one.
• Edit a little: Change one thing per message. Small guides keep the whole drawing intact.
• Request a set: Need icons or series? Apply them together so that the style stays consistent across all of them.

Where it shines, where it doesn’t shine

Transparency is everything. Promise someone a sketch and you’ll be let down. Show them a neat icon set, a chart, or the fox above, and they’re often surprised that it left the chat window at all.

The takeaway

Claude will not paint you a picture. But it will pull you something nice, for free, when you ask, and let you redirect it with a sentence. For a large chunk of daily visual work, titles, icons, graphics, small illustrations that make the page feel done rather than thrown away, that’s more than enough.

The fastest way to convince you is to open a conversation and ask for one thing. Try it “I drew a scene of a flat mountain at sunset as an SVG,” and tell it to warm the sky. Watching the image change in the command is the time we click.

Note: All illustrations in this article are drawn by Claude as SVG and are provided as is. No image generator or linker is used to create them.

Frequently Asked Questions