pen.dev
AI 智能体设计画布，导入网页应用迭代后回写代码
pen.dev 是前 Adobe XD 联合缔造者 Tom Krcha 推出的 agentic canvas（智能体画布）设计工具，口号为 Never start from scratch。可将任意网站或 Web App 导入画布，由智能体或手动迭代设计，再一键导出 HTML/CSS/Tailwind 或回写代码；支持 Claude、Gemini、Qwen、Kimi 等模型，可通过 MCP、WebMCP、CLI 连接 Claude Code、Cursor、Codex 等外部智能体，目前免费
1
2026-09-19
未收录
—
工具功能
这个工具能做什么、适合谁用，以及目前已识别的核心能力。
工具简介
pen.dev 是前 Adobe XD 联合缔造者 Tom Krcha 推出的 agentic canvas（智能体画布）设计工具，口号为 Never start from scratch。可将任意网站或 Web App 导入画布，由智能体或手动迭代设计，再一键导出 HTML/CSS/Tailwind 或回写代码；支持 Claude、Gemini、Qwen、Kimi 等模型，可通过 MCP、WebMCP、CLI 连接 Claude Code、Cursor、Codex 等外部智能体，目前免费
核心功能
价格信息
免费当前仅展示已核验的定价模式。
基础信息
- 更新频率
- 近 7 天 1 条收录动态
- 最近更新
- 2026-09-19
- 覆盖行业
- 设计师、程序员
更新日志
按时间记录功能更新、版本发布、新工具入库等重要变化。
- 2026-09-19新工具首发
前 Adobe XD 联合缔造者 Tom Krcha 正式发布 AI 智能体画布 pen.dev：可将任意网站或 Web App 导入画布，用智能体或手动迭代设计，再一键导出 HTML/CSS/Tailwind 或回写代码；支持通过 MCP/WebMCP/CLI 连接 Claude Code、Cursor、Codex 等外部智能体，当前免费。
pen.dev 常见问题
关于 pen.dev 的定位、核心功能、价格与最近更新。
pen.dev 是什么？
pen.dev 是前 Adobe XD 联合缔造者 Tom Krcha 推出的 agentic canvas（智能体画布）设计工具，口号为 Never start from scratch。可将任意网站或 Web App 导入画布，由智能体或手动迭代设计，再一键导出 HTML/CSS/Tailwind 或回写代码；支持 Claude、Gemini、Qwen、Kimi 等模型，可通过 MCP、WebMCP、CLI 连接 Claude Code、Cursor、Codex 等外部智能体，目前免费。
pen.dev 有哪些核心功能？
pen.dev 当前已核验的核心功能包括：UI 生成、工具协议集成、智能体、网页抓取提取。
pen.dev 如何收费？
pen.dev 当前已核验的价格模式为免费。
pen.dev 最近有什么更新？
2026-09-19：前 Adobe XD 联合缔造者 Tom Krcha 正式发布 AI 智能体画布 pen.dev：可将任意网站或 Web App 导入画布，用智能体或手动迭代设计，再一键导出 HTML/CSS/Tailwind 或回写代码；支持通过 MCP/WebMCP/CLI 连接 Claude Code、Cursor、Codex 等外部智能体，当前免费。