The Pen Tool Challenge
The pen tool is the hardest thing to learn in vector design, and no amount of reading fixes it. Trace eight shapes, get scored on accuracy and on how few points you used. Ten minutes here is worth an afternoon of tutorials.
Click to place corner points. No dragging needed.
Nice.
0/100
How the pen tool actually works
Every vector program uses the same two gestures, and once they click, the tool stops feeling random.
- Click — places a sharp corner. The path arrives and leaves in a straight line.
- Click and drag — places a smooth point. Dragging pulls out two bezier handles, and those handles decide how the curve enters and exits.
That is genuinely most of it. The handle you pull controls the curve leaving the point, and its mirror controls the curve arriving. Long handles make wide, lazy curves; short handles make tight ones.
Why fewer points is better
The instinct when a curve will not behave is to add more points. It is almost always the wrong move. A circle needs four points, not twenty. Shapes drawn with too many points are painful to edit later, export bloated, and never quite look smooth because each extra point is another chance for a kink.
That is why this game scores point-efficiency alongside accuracy — a trace that matches perfectly with triple the points is not actually a good trace.
How to use the pen tool
- Click to place a corner. A single click drops a sharp corner point, with no curve through it.
- Drag to make a curve. Press and drag instead of clicking, and the point gets bezier handles. The further you pull, the wider the curve.
- Close the shape. On a closed shape, click your first point again to finish. On open paths, press Done.
- Score. You are scored on how closely you matched the outline and how few points you used to do it.
Common questions
How do I get better at the pen tool?
Repetition on real shapes. Reading about bezier handles rarely helps — you have to place points and pull handles until your hands know where a curve is going. That is what this game is for.
Is this game free?
Yes. No account, no signup, no limit on attempts.
What is a good score?
Anything above 90 is a clean trace. The score weights accuracy at 80% and point-efficiency at 20%, so matching the shape with as few points as the par is how you reach the high 90s.
Why does using more points lower my score?
Because it is the classic beginner mistake. A shape traced with twenty points instead of four looks fine but is miserable to edit, exports messy, and betrays that you fought the curve instead of using it.
Does this teach the Illustrator pen tool?
Yes. The pen tool works the same way in every vector program — click for a corner, drag for a curve. The skill transfers directly to Illustrator, Figma, Inkscape and VectorQuil.
Do I need to install anything?
No. It runs in your browser on desktop. A mouse or trackpad is needed, so it is not suited to phones.
Once you have it
The skill transfers to every vector program. Put it to use in the full path editor, or read how to edit an SVG file. If you have been paying for Illustrator to do this, there is a free alternative.