Claude Code 有设计师朋友了——Airship 把 Figma 体验搬进代码库

Claude Code 有设计师朋友了——Airship 把 Figma 体验搬进代码库

用过 Claude Code 写前端的朋友，大概都遇到过这种尴尬：让 AI 帮你调一个按钮样式，它哗哗给你改了一堆 class，最后发现整个布局歪了。纯命令行的代价——看不见、摸不着，只能靠脑补。

Airship 解决的就是这个问题。它在你的开发服务器前面放了一块无限画布，你在上面选中一个 UI 元素，描述你想改成什么样，然后看 Claude Code / Codex / OpenCode 现场直播式地改代码——不用切工具，不用重建 UI，改完直接是源码。

类比一下：它像是 Figma 的编辑体验，嫁接到了你的代码库。

怎么用

三步，不需要装插件、不改你的依赖、不进你的 bundle：

• 第一步：正常启动你的开发服务器（Vite / Next / Remix / Rails 都可以）
• 第二步：npx @airshiplabs/cli --target 3000，Airship 自动连上你在跑的端口，打开可视化编辑器
• 第三步：airship --target 3000 --agent codex --safe，接上你现有的 Claude Code / Codex / OpenCode，直接开改

用的是你本地配好的 agent 认证，不用重新登录任何东西。

什么场景最合适

如果你经常用 AI 写前端，但经常遇到”改出来的样式跟我想要的不一样”的来回拉锯，Airship 能大幅减少这种沟通成本。设计师/产品提需求时可以自己在画布上圈一圈，开发者在旁边看 AI 实时改代码，效率比来回贴截图高多了。

GitHub 521 颗星，维护很活跃，上周还有更新。值得装上试试。

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

GitHub: https://github.com/0xnyn/airship