Paper 的画布本身就是基于 HTML/CSS 构建的，设计不是一张静态图，而是能被智能体直接读取和修改的代码结构。它支持 Flex 布局等网页样式，设计产物天然贴近前端实现，省去了设计稿转代码的中间环节；同时支持把 Figma 界面或 HTML 内容粘贴为可继续编辑的图层。
工具概况
快速了解工具核心信息
什么是Paper
AI综合总结
已核实面向UI/UX设计的现代设计工具，支持创建、分享与交付作品，并具备代码生成、协作与效率提升能力，以Web应用形式使用。
画布直接参与编程智能体读写图层HTML/CSS 画布设计代码双向协作
你是「Paper」的开发者？
徽标是「万智云集」的收录证明，也是品质认证；嵌入官网即为产品挂上权威背书，还能为详情页带回访客、提升热度指数。
哪些人适合使用Paper
为什么选择Paper
如何使用Paper
Paper资费标准
Free
$0
- 设计、分享、交付
- 无限查看者和编辑者
- 每周 100 次 MCP 工具调用
- 有限的图片生成
- 最大图片尺寸 25 MB
Pro
$20/编辑者/月
- 每周 100 万次 MCP 工具调用
- 每周图片生成量为免费版的 100 倍
- 视频导出
- 最大图片尺寸 100 MB
- 优先反馈
Organizations
contact us
- 包含 Pro 全部功能
- SAML / SSO
- 管理员控制
- 定制合同
- 专属支持
- 优先入驻
资费说明
- •免费方案下可免费邀请整个团队，包括编辑者；查看者席位始终免费。
- •编辑者席位仅在升级到 Pro 后收费。
- •Pro 方案按年计费可节省 20%，折合 $16/编辑者/月。
常见问题
关于本工具的常见疑问解答
需要安装 Paper 桌面端，并通过 MCP 连接 Cursor、Claude Code 等 IDE 或 CLI 智能体。连接后，智能体可以读取设计、在画布上创建或修改图层，也能用自然语言生成页面结构；设计师与 AI 在同一个设计空间里协作，设计师仍可继续手动调整。
Paper 支持统一管理颜色、间距、字体等设计变量，修改数值后当前文件中引用该变量的元素会同步更新。智能体可以根据代码中已有的 CSS 变量建立设计规范，画布中的变量也能复制回代码文件；设计完成后还可复制选中内容的 React CSS 或 Tailwind 代码，形成设计到代码再回到设计的循环。
用户口碑
真实用户评价