设计晨报 往期
← 10月20日
AI 与创作

Studiolo:本机画布+Claude Code MCP,共改图层再导出 React

Studiolo 把「提示—真图层手调—再提示—出码」收成本机 Claude Code MCP 环,而不必只在聊天里看生成代码或截图。

Studiolo 是面向 Apple Silicon 的免费本机设计编辑器(前称 Plume):用 Claude Code 经 MCP 驱动后,界面以可编辑 frame/组件/Auto Layout/变量落在画布上;你与 Claude 共享同一文档与撤销栈,主题切换可改变量轴。成品可导出为 React 组件与 CSS 变量。应用跑在 127.0.0.1,复用本机 Claude Code 登录,宣称无账号、无遥测、无 MCP 配额。官网标注 Version 0.2.0;KBlip 记为 2026-10-17 上线。

studiolo.dev 写明 MCP 驱动、共享撤销、导出 React/CSS custom properties 与安装命令;KBlip 标注 Sat, Oct 17, 2026 launched。

为什么值得看

已在用 Claude Code、又想在真图层上改稿的设计师,可把探索—手调—再提示收成一条环,适合快速搭屏后再导出进 Vite/React。

可以试试

在已装 Claude Code 的 Apple Silicon 机器上按官网加 MCP 后,先对一个简单 frame 跑通「描述→手调 Auto Layout→导出 React」,再决定是否纳入团队演示。

原文