✕

Creative Coding — Personal Tools

Building My Own Tools

Ongoing experiment

What?

Small pieces of software I build for my own creative process, through conversation with Claude Code.

Why?

Instead of adapting my process to existing software, I want tools shaped around the way I work.

Next?

Growing these experiments into a personal design studio. Pick a category below — most of them are live to try.

Read the full story

I'm exploring how far I can extend my role as a designer by building the tools I design with. Each project starts with a need in my own creative process, then becomes a small piece of software built through conversation with Claude Code.

Over time, I want these experiments to grow into a personal design studio: a collection of tools shaped around the way I work, rather than adapting my process to existing software.

Want to build tools like these for your own work? It’s something you can learn too, one on one. Learn with me

The tools, by category

Image Playground

Instead of adapting my images to existing effects, I wanted a space where I could manipulate them more freely and see the result in real time.

A modular playground for breaking an image into cells, symbols, grids and glow, with direct control over how the image is interpreted. Part of the inspiration comes from the language of thread — cross-stitch and embroidery as a way of reading an image in grids and stitches.

Open the tool Try it yourself
Screen capture, live session
Image Playground result, cross-stitch pixel-embroidery interpretation of a floral photograph Image Playground result, alternate cell scale and density Image Playground result, finer stitched detail Image Playground result, coarser weave
Cross-stitch
A blue floral image rebuilt from typed characters on a grid, like rows of cross-stitch: dense @ and # marks form the petals and stem over a pale stitched background
Exploration, made with Image Playground

Ongoing exploration

Digital Cross-Stitch

Where did the tool actually start? With thread.

I wanted to see if an image could be stitched digitally — read the way a needle reads it, cell by cell, row by row.

This is one of the results I keep coming back to. The characters sit on the grid like stitches, and the flower dissolves into something that feels woven, not printed.

It’s not finished. It’s a direction.
How close can a digital grid get to the texture and rhythm of thread?

Mockup Studio

I wanted to present my photography in realistic framed mockups without relying on Photoshop, while keeping control over the final result. So I built a tool for placing artwork into spaces and adjusting its presentation.

Open the tool Try it yourself
Screen capture, placing artwork into a mockup frame
Mockup Studio result, framed photograph of an electricity pylon mounted on a gallery wall Mockup Studio result, framed cactus photograph mounted on a gallery wall Mockup Studio result, framed pastel cactus drawing mounted on a wall
Framed photograph

Stipple Studio

I wanted my Cricut to draw, not just cut — portraits made of thousands of pen dots. Its own software can’t generate that kind of drawing, so I built the missing piece.

Stipple Studio turns an image into a pen drawing — photocopy-style grain, smooth Voronoi stippling, a halftone that switches between up to three pens, or engraved cross-hatching — and exports SVG files ready for Cricut Design Space. An optional vector mode first traces the image into flow lines, so the dots and hatching follow the movement of the original drawing.

Open the tool Try it yourself
From image to paper — the tool, the Cricut, the drawing
The finished pen drawing on paper, a portrait made of thousands of small black dots drawn by a Cricut Maker Stipple Studio preview in Xerox style, the portrait rebuilt from a dense grid of pen dots with photocopy grain Stipple Studio preview in Halftone style, dots in three sizes assigned to three different pens, shown in three preview colors Stipple Studio preview in Etching style, the portrait built from layers of wavy cross-hatched lines
On paper

Ongoing experiment · Work in progress

G-code Designer

I wanted more direct control over what a 3D printer actually does, beyond the settings offered by a traditional slicer.

A visual tool for shaping G-code directly through parameters such as twist, taper and wave, while making the toolpath itself easier to understand.

Visual G-code designer — twist, taper, wave
Reading a slice — travel, retract, time & filament estimate

Latest update — a new Weave mode for designing woven patterns directly as a toolpath: pattern, thread spacing and width, and layered strand builds, with a live 3D preview. Printed the first physical test to see how the simulated weave holds up in real filament.

New: Weave mode — pattern, spacing, thread width & layered strands
First physical test print of the woven grid pattern, a small plastic mesh held between two fingers on a cutting mat
First physical test print

Bubble Mind Map

I wanted to see all my tasks at once, the way they actually sit in my head — not as a list, but as things that float, cluster and connect.

A liquid mind map: every task is a glass bubble, sized by how big the job is and tinted by its category. Drag one into another and they melt together, pull them apart and they snap back into drops. Double-tap a bubble to pop it when it’s done — it moves to a list, so nothing is lost. Everything stays in your own browser.

Open the tool Try it yourself
Screen recording on my phone — dragging, joining, popping
Bubble Mind Map on a phone, glass task bubbles in blue, pink, yellow and grey floating on a white tiled grid Bubbles dragged into each other and melted together, their colours fading where they meet A bubble popped with a double-tap, and the assistant confirming it moved to the done list
The map
Next project The Sinking Kettle