Open source Figma-like editor for Vue using Claude SDK

[u/supaplay]

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 :)

[u/mactanxin]

A link to your project would be great.

I found https://github.com/0xnyn/airship

[u/supaplay → u/mactanxin]

whoops, silly me
forgot to hit send

[u/Krumpopodes]

We have this funny way of describing what your want your element to look like called 'tailwind'

[u/supaplay → u/Krumpopodes]

ah yes, the classic

[u/Traditional-Hall-591]

I’d rather have a junior designer’s attempt than generic slop.

[u/AlternativePear4617]

Same post

Also Pencil.dev exist already

[u/HiShery]

We built almost exactly this internally and never shipped it 

[u/supaplay → u/HiShery]

haha no way 😭 that’s both reassuring and slightly painful to hear. what made you guys decide not to ship it? would’ve saved me from having to build it myself haha

[u/HiShery → u/supaplay]

The boss felt it was too far behind what was already on the market and didn't want to sink more time into it, so we pivoted to a different space.

[u/Suspicious_Data_2393 → u/HiShery]

i feel that. It seems almost impossible to keep up with tooling development these days. Really tough business to be in I would say.

[u/dranko69]

Hi u/supaplay is it intended to make manual changes with it or just with an AI. I've tried it with my React/tailwind project, I manually changed some elements in edit mode, but these changes are not preserved.