SciFig
Tutorials·

How to Vectorize Hand-Drawn Sketches to SVG

Turn a pencil sketch into clean, editable SVG line art for a methods figure — how to shoot it, what the tracer actually does, and how to fix the usual mess.

SciFig Team
SciFig Team
Scientific Illustration Experts

Vectorizing turns a photo of a hand-drawn sketch into editable SVG paths.

Most scientific figures start life on paper. Someone sketches the reaction, the rig or the workflow on a notepad during a group meeting, everyone agrees that is the right diagram, and then it sits in a photo on someone's phone until the deadline. The redrawing step is where it dies.

You do not have to redraw it. A tracer can turn that photograph into vector paths you can label and publish — but only if you give it something it can read, and only if you know which parts of the result to clean up.

What you actually get when you vectorize a sketch to SVG

Vectorizing converts a photo of your sketch into outlines instead of pixels, which is what a scientific figure needs in order to survive a journal’s resizing. Every stroke becomes a path with coordinates, so it stays sharp at any size and every shape can be selected, recolored and moved.

What it does not do is understand your chemistry. The tracer sees dark marks on light paper, not a reaction mechanism. That distinction predicts almost everything about the result: pencil strokes come through cleanly, and so do the coffee ring, the ruled lines of the notepad and the shadow of your hand.

The practical consequence is that the quality of your source photo matters more than the tracer settings. Ten seconds spent on lighting saves ten minutes of deleting stray shapes.

See Sketch-to-Figure in Action

From napkin sketch to Nature-quality scientific figure — powered by SciFig AI.

Explore the Tool

Step 1: Photograph or scan the sketch properly

Side-by-side comparison of a paper sketch lit unevenly by a desk lamp and the same sheet under even diffuse light (Figure generated with SciFig)
Side-by-side comparison of a paper sketch lit unevenly by a desk lamp and the same sheet under even diffuse light (Figure generated with SciFig)
If the sketch only exists in your head so far, sketch to figure can draft it from a rough outline — but if you already have paper, start here.

Put the sketch on plain, unlined paper if you can. If it is already on a ruled notepad, expect the rules to be traced as horizontal lines you will delete afterwards.

Light it evenly. A sketch shot under a desk lamp has a bright side and a dim side, and the tracer reads that gradient as a shape boundary. Diffuse daylight or an overhead scan gives a flat field, and flat fields trace cleanly.

Shoot straight on, not at an angle. Perspective skew is not corrected during tracing — a trapezoid on paper stays a trapezoid in the SVG.

SourceTypical result
Flatbed scan, 300 dpi+Cleanest paths, minimal cleanup
Phone photo, diffuse daylightGood; occasional speckle from paper grain
Phone photo, desk lampShadow edges traced as false shapes
Photo of a whiteboardGlare spots become filled blobs
Screenshot of a photoCompression artifacts traced as noise

Step 2: Raise the contrast before you upload

Magnified pencil stroke with a soft edge producing a broken traced outline, next to an ink stroke with a sharp edge producing one continuous outline (Figure generated with SciFig)
Magnified pencil stroke with a soft edge producing a broken traced outline, next to an ink stroke with a sharp edge producing one continuous outline (Figure generated with SciFig)

If the pencil is light, darken it. Almost any photo app has a contrast slider; pushing it until the strokes are near-black on near-white paper is the single highest-leverage thing you can do.

The reason is mechanical. A tracer places a path where it detects an edge, and an edge is a contrast step. Faint graphite on cream paper produces a weak step, and weak steps produce broken, wobbly paths. Strong ink-to-paper contrast produces continuous paths.

Tip

If your sketch is in pencil, go over the final version in fineliner before photographing it. It takes two minutes and removes most of the cleanup work later.

Step 3: Convert the image to an editable SVG

Upload the photo to a converter that returns editable geometry rather than an embedded bitmap. Some tools produce an SVG file that merely wraps your JPEG in a <image> tag — the extension changes, nothing else does. Check that you can select an individual stroke afterwards.
SciFig's image to SVG converter traces the upload on our servers and runs OCR over it, so any lettering you wrote by hand comes back as text objects you can retype rather than as frozen shapes. The result opens directly in Vector Canvas.

Two things worth knowing about how this works: the vectorization happens on our servers rather than in your browser, and the content needed to fulfil the request is sent to the model provider through a commercial API. We do not authorise any provider to train on your content, and we never train AI models on your uploads or output on any plan. An uploaded image can be deleted at any time, and deletion removes the stored object from our storage rather than hiding it from your view.

Refine Figures in the Vector Canvas

Open any AI-generated figure in the editable canvas — layered SVG, 8K PNG, or editable PPTX.

Try Free

Step 4: Clean up the three things that always go wrong

Three panels showing the recurring defects in a traced sketch: scattered specks, doubled outlines and a welded junction (Figure generated with SciFig)
Three panels showing the recurring defects in a traced sketch: scattered specks, doubled outlines and a welded junction (Figure generated with SciFig)
All three are fixed in Vector Canvas, which is where the converted file lands. Every traced sketch has the same three problems. Fixing them takes about five minutes once you know what to look for.
Stray specks. Paper grain and compression noise become dozens of tiny closed paths. Select one, then use the editor's select-similar or size filter to catch the rest and delete them in one action.
Doubled outlines. A thick marker stroke has two edges, so the tracer may return the stroke as an outline rather than a single line. If you want a true single-stroke look, delete the inner path and give the outer one a stroke instead of a fill.
Merged junctions. Where two lines cross, the tracer often welds them into one shape. If you need them separate — for example an arrow that must move independently — cut the path at the junction and rejoin the halves.

Step 5: Relabel, recolor and export for the journal

Now the figure behaves like a real drawing. Retype the labels OCR recovered so the spelling and font match the rest of your figures. Swap the palette for a color-blind-safe one if the sketch used red and green to distinguish anything.

Before you export, it is worth checking the traps in 5 common figure mistakes — a rescued sketch still has to survive review. Then export at whatever your target journal asks for. Vector output prints at press resolution, which is why most journals accept it and several prefer it.

FAQ

Keep going

Recommended resources

Templates, tools, and further reading for your research

Call to action background

Ready to start?

Publication-ready scientific figures, in minutes

Start Creating Free

Free to start · No credit card required · Built for researchers