MESHFONT · 2026 · DESIGNER AND BUILDER

A font editor built with AI, then rebuilt around it

A font editor built with AI, then rebuilt around it

A font editor built with AI, then rebuilt around it

4

4

months and counting

704

704

commits with AI agents

Overview

Meshfont is a font editor in the browser. You bend letters on a mesh or draw them with a pen, type with your font as you go, and download a real font file. I designed and built it on my own, with Claude Code and Codex.

Meshfont is a font editor in the browser. You bend letters on a mesh or draw them with a pen, type with your font as you go, and download a real font file. I designed and built it on my own, with Claude Code and Codex.

Role

Designer and builder

Designer and builder

Timeline

July 2026–present

July 2026–present

Platforms

Desktop browsers

Desktop browsers

Desktop browsers

01

The idea

The idea

The problem. Most font tools were built for engineers. A designer who wants a typeface with a fingerprint has to learn a new trade first.


The bet. Treat a letter like a shape. Grab it, bend it and see it change, in the browser, with nothing to install.


The rule. Start from a great open typeface and make it yours. Every path has to end in a real font file.

02

The app

The mesh and the coloured keyboard arrived in the first week. Everything else changed around them. In September I rejected a whole batch of features in one go: trying things with agents had become cheap, and so had saying no.

Previous card
Next card
The first editor: a blue letter warped on a dotted mesh above a grey keyboard with coloured keys

First version

Mesh Studio

A letter, a lattice and a keyboard. Every key a letter, every colour a tool.

A Japanese kana warped on a mesh above the keyboard in its Japanese layout

July 2026

Japanese on the same mesh

Kana joined the keyboard: 184 letters. It froze Chrome, so the font code learned to wait its turn.

A heavily warped blue d with metric lines and a top bar with my fonts and save draft

September 2026

A tool, not a toy

A top bar, saved fonts and metric lines on the canvas. Trace an image under any letter.

A To review panel listing kerning pairs to look at again, each with Show in text and Keep

November 2026

Kerning to look at again

When a letter changes, the pairs that relied on it come back for review.

The measure tool showing a curve length and a stem width in font units on a letter

November 2026

Measure

Lengths, curves and stems in font units, right on the letter.

Today’s editor in dark mode: a serif g in outline with its points, a tool bar and the keyboard

Today

A type editor

Pen, shapes and points beside the mesh, Figma’s shortcuts and dark mode. The keyboard stayed.

03

The website

The website

One day, 43 pages. In July I asked an AI agent for a landing page. By the next day it had a whole site, with a font library, pricing and a roadmap that didn’t exist.


A draft is a brief. None of that shipped. I kept the look, rebuilt the site with real accounts, and cut the landing page down to one idea.

Previous card
Next card
First landing page, headline Bend type like it’s made of rubber, above a live demo and the keyboard

8 Jul 2026

Bend type like it’s made of rubber

The agent’s first answer: a scroll demo, a gallery and a FAQ.

Second landing page, headline Design fonts like you mean it, with a live letter A on a mesh

8 Jul 2026

Design fonts like you mean it

Hours later: calmer, with a live letter in the hero.

Third landing page, headline Shape a letter, right now, in your browser

9 Jul 2026

Shape a letter

43 pages by now. This one became my design reference.

Today’s meshfont.com: headline Make type your own beside a live letter a, on a page ruled like a drafting table

Today

Make type your own

Rebuilt with Codex, with real accounts, then cut down to one live letter on a drafting table.

04

AI workflow

AI workflow

I built Meshfont with two agents: 704 commits, mostly Claude Code with some Codex. The interesting part was not the code. It was the written rules that told each agent what it was allowed to do.

Previous card
Next card
CLAUDE.md grew from 57 lines to 548

01

CLAUDE.md as memory

Every costly mistake became a rule, with its reason. It grew from 57 lines to 548, with 42 memory notes behind it.

Quote from the plan: If it is not in this doc, we are not building it yet

02

One plan, no side quests

If a request is not in the plan, it gets named first. I asked the agents to hold me to it.

The rule for merging the two workstreams

03

Split the agents

Codex took the website and accounts, Claude Code the app. After 150 commits apart, that rule decided what stayed.

Quote from the project history: both refuters killed it independently, with code

04

Agents that argue back

Research ran as parallel agents: four surveys, three judges, two refuters. The refuters killed the favourite idea.

The two commands every change has to pass, and 414 tests passed

05

Gates before my eyes

The type check runs on every change and the browser tests before a release, so I review design, not bugs.

A rule from the project instructions: it works is not approval

06

Approval stays human

Preview first. Nothing goes live until I say so, even when it works.

05

AI in the tool

AI in the tool

I tried four ways to put AI inside the tool. Only the fourth stayed: it keeps the decision with the designer, and costs Meshfont nothing per letter.

Previous card
Next card
Four versions of k and m from the image-model test, with wobbly traced edges

Try 1

Trace an image model

Generic letters with wobbly edges. It scored 1/10 in my own test.

A seed set of nine sculpted letters waiting to teach the rest of the font

Try 2

Spread the warp

It copied warps, not decisions. Point-edited letters turned to mush.

Letters drafted by Gemini from before and after pairs, cleanly drawn

Try 3

Before and after pairs

Gemini learned from my edits and the drafts were good, but too dear. I set AI aside.

A capital G from Claude on a card with Pick and Reject buttons

Try 4

Bring your own agent

Claude connects to Meshfont, reads the font and proposes letters with its reasons. I pick. Nothing changes without me.

The Connect page, headline Draw with your AI, with cards for Claude, Claude Code, Cursor and Codex

29 Oct 2026

Draw with your AI

Claude, Claude Code, Cursor or Codex connect with one address, on the plan you already have.

Bar chart of AI cost per Latin font: $6.40 to $9.50 with Gemini, a $0.50 target, and $0 with bring your own agent

The cost

From $9.50 a font to $0

An estimate for Meshfont’s bill. Letters run on the designer’s own Claude plan, so the cost moves there instead of to me.

The word SOS set twice in Niemeyer, comparing the current letter with an option from Claude

In use

Options in real words

Each option set in a real word beside the one before, so I judge it by eye.

A Sketch board with sheets of options from Claude and yellow notes beneath them

1 Nov 2026

Sketch boards

Claude’s options beside my references, with notes, pins and picks.

Three specimen sheets of capitals, the current letter beside Claude’s option in red

2 Nov 2026

Specimen sheets

Options set side by side as real letters, with Claude’s in red.

The editor with an Ask your assistant button above the keyboard

3 Nov 2026

Ask your assistant

A draft button now queues the letter for your own agent.

06

Where it stands

Where it stands

647

647

LETTER DRAFTS FROM CLAUDE IN TWO DAYS, ON ONE TYPEFACE

What is done. A live font editor for Latin and Japanese, with accounts, saved fonts, sketch boards, a connection to Claude and font files to download.


What is next. An iPad version.


What I would keep. Letting agents draft and keeping the decision. Every letter still gets my yes or no.

3,188

3,188

VISITORS

456

456

SCULPTED a font

23

23

EXPORTED A FONT

Proof lines of Niemeyer, with the letters Claude drafted in red among the designer’s in black

NIEMEYER, MY TYPEFACE. CLAUDE’S NEW LETTERS IN RED

NIEMEYER, MY TYPEFACE. CLAUDE’S NEW LETTERS IN RED