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/> 555 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 brings 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 with <fish/>

A site, an app, a magazine issue, 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 issue Nº 04: 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 skill is what teaches the AI that format — so you get a file that opens in FISH, not a picture you have to rebuild.

install the fish skill 
$ npx skills add https://fish.themindstudio.cc/skill.zip

No terminal? Paste fish.themindstudio.cc/skill.md into ChatGPT, Claude, or any chat that can read a link. Or download the kit.

  1. Ask for a design Point it at what you already have — a brand guide, a folder of photos — and tell it which file to make.

    “Use the fish-design skill. Read brand.md and the photos in assets/shots/. A pricing page for a two-person photo studio, three plans, the middle one highlighted. Save it as pricing.fish.html.”

  2. Open the file You get pricing.fish.html. Double-click it — the whole editor is inside the file, so it opens like an app, not a mockup.
  3. Ask for changes Keep talking to the AI, or leave a comment on a layer in FISH and save — then ask it to apply the comments.

    “Apply my comments.” — or just say “this row is too tight.”

waves 100% depth 0000 m