能够被 Claude Code、Cursor、Codex 等 AI 编程助手直接操作的设计画布。它不是单纯生成一张网页效果图，也不是像 Lovable、Bolt 那样直接帮你搭完整网站，而是让你先在画布上设计页面，再让 AI 根据设计生成代码。官方将其定位为运行在开发环境中的矢量设计工具，用来连接设计和代码
pen
一款功能强大的矢量设计工具，可直接集成到您的开发环境中
收费：免费
平台：Windows、Mac
需求和场景
优点
- 有MCP的功能，可以和任意agent进行连接，让AI来控制画布
- Pen.dev 重点解决的是界面设计和前端代码，不会自动替你完成一个完整网站的所有部分
- 可以直接在VSC、cursor里面直接以插件的形式使用
缺点
- 待补充