Single-file design document

fish —
Figma in a single HTML

A full vector editor and your document, sealed into one file. Double-click it and the canvas opens — no install, no account, no server, no dependencies. Nothing is fetched, so nothing can dry up, expire, or be shut down.

Download <fish/> 424 KB Try it here nothing is installed either way

or let an agent design in <fish/> for you — Get the AI skill ↓

Inside the file

Every fish carries its own water.

One file is both the editor and the design document. Everything in the document is your work, and the workbench travels with it. That is why a <fish/> file never goes stale.

Vector frames on the canvas The dark theme of the same boards
Familiar ground

Start with what you already know.

The pen, the frames, the components, auto layout — every instrument you've built muscle memory for, exactly where you left it. Nothing to relearn. Or bring your work over with our Figma plugin.

A little more

Go further on the same canvas.

Expand your canvas with native web capabilities — 3D space, torn textures, live embeddable media, and instant web page capture.

Plugins

Plugins for everything else.

Explore more possibilities with a growing collection of plugins — photo fx, icon search, instant cutouts, open media archives, and many more on the way.

Starting points

Made in <fish/>

A site, an app, a magazine cover, a dashboard — each one a single HTML file you can open and keep editing. Start from scratch, or open one of these and take it apart.

VOYA travel site: a hero reading Travel, slowly. above a grid of destination cards Open →
Web

VOYA — Curated Journeys
forma app: four phone screens on a paper-white board for an architecture discovery app Open →
App

forma
FISH quarterly cover: oversized black letterforms, a monochrome figure and an amber rule Open →
Magazine

FISH — The Intelligent Issue
Linden Room revenue dashboard: metric tiles, a recurring revenue chart and an accounts table Open →
Dashboard

Linden Room — Revenue

Every design above was made with AI in one shot — no template, no hand-editing afterwards.

For agents

A real design tool.
Native to AI, too.

A <fish/> file is plain HTML with its design tree in a JSON block — no binary blob, no private format. A model can open one, change it, and hand it back, and it still opens in the editor you would have used. The Fish skill teaches a model that format: the DSL, the token table, the layout rules, the tear kernel. So “design me a pricing page” ends with a file you can open, not a picture you have to rebuild.

install the fish skill 
$ npx skills add fish
  1. Install the skill One command, into any agent that reads a SKILL.md. No account, no server.
  2. Ask in plain language Name the page, the audience, the palette. The skill supplies the DSL and the rules behind it.
  3. Open the file It arrives as a .fish.html — double-click, and the workbench comes with the artwork.
FISH — Figma In a Single HTML waves 100% depth 0000 m