u/supaplay

I wanted to experiment with my UI without switching between Figma and my Astro codebase. So I built Airship.

It wraps your dev server and adds a Figma-like canvas to your running Next.js app. Select an element, describe the change, and it applies them directly to your source.

You get streaming diffs, inline undo, and desktop/mobile frames so you can see how changes look across screens as you iterate.

It runs as a lightweight proxy, so there are no plugins or build changes needed.

Supports Claude Code, Codex and OpenCode.

Fully open source and MIT licensed.

Fork it, star it, and make it your own :)

I got tired of switching between Figma and my Nuxt app just to try out small UI changes, so I built Airship.

It wraps your dev server and adds a Figma-like canvas to your running app. Select an element, describe the change, and Claude Code applies it directly to your source.

You get streaming diffs, inline undo, and desktop/mobile frames so you can see changes across screens as you iterate.

It runs as a lightweight proxy with no plugins or build changes.

It uses your existing Claude Code subscription. Codex and OpenCode are supported too.

Fully open source and MIT licensed.

Fork it, star it, and make it your own :)

I wanted to experiment with my UI without recreating it in Figma, so I built Airship.

It wraps your dev server and adds a Figma-like canvas to your running Next.js app. Select an element, describe the change, and it applies them directly to your source.

You get streaming diffs, inline undo, and desktop/mobile frames so you can see how changes look across screens as you iterate.

It runs as a lightweight proxy, so there are no plugins or build changes needed.

Supports Claude Code, Codex and OpenCode.

Fully open source and MIT licensed.

Fork it, star it, and make it your own :)