· 6 min read
pen（原 Pencil）是 AI 驱动的 UI 设计画布——自然语言描述需求，AI 出多页面 UI，Claude Code 直接读懂转 React 代码，设计 + 代码从此一个工具链。
- 核心定位：自然语言描述需求，AI 自动产出可编辑的多页面 UI
- 最关键的差异：跨多页风格始终统一，Google Stitch 多页后会漂移
- shadcn UI 风格：实测效果最好，组件库自动扫描调用
- Sticky Note 微调：拖个便签写 prompt，省 token 局部改组件
- Claude Code 闭环：核心卖点——选 frame 直接产出 React + Tailwind，像素级复刻
- Figma 互通：复制粘贴单个 frame 到 pen
- Git 版本管理：设计稿是 JSON，跟代码一样
git diff - 结论：Claude Code 工作流里，pen 是当下最闭环的选择