ASCII prototyping with your design system

Turn a plain-language brief into a monospace wireframe where every region is a labeled component from your own design system, and the type hierarchy is visible rather than described.

It's a real spec you can read anywhere text goes: a chat, a PR description, a code comment, a Slack thread. No rendering pipeline, no context switch, and because the constraint is a monospace grid, it forces the ruthless boxes-and-arrows thinking that good wireframing wants anyway.

The part that makes it more than doodling is that every region maps to a component that actually exists in your system, with its real name. That turns a picture into something a designer or a developer can build from.

The three layers