Paper icon

Paper

認領

Paper 是一款設計工具,串連畫布、程式碼與 AI agent,讓團隊可在同一工作流程中建立、分享並交付作品。支援桌面應用程式、MCP agent 存取,以及真實內容與設計 token 工作流。

Paper

Paper 是什麼

Paper 是一款以連接式畫布為核心的設計工具,供團隊、agents、程式碼與資料共同使用。其網站描述了一種基於網頁標準的工作流程,設計工作可以在畫布與程式碼之間移動,同時保留結構與脈絡。

這項產品以 Paper Desktop 應用程式與 Paper MCP server 為核心,後者可讓 AI agents 讀取與寫入設計檔案。文件也提到 Snapshot、tokens、paste、SVG 與向量編輯等相關工作流程,讓 Paper 不只是單一畫布檢視,而是更接近一個連結實作與內容來源的設計工作區。

功能

供團隊與 agents 使用的連接式畫布

Paper 被定位為一個連接式畫布,讓團隊能在以網頁標準為基礎的同一設計空間中,與 agents、程式碼和資料協作。

以 MCP 為基礎的 agent 存取

Paper MCP server 讓 AI agents 可以讀取與寫入設計檔案,因此 agents 能使用設計脈絡,並協助在來源與畫布之間移動內容。

由桌面應用程式驅動的本機 server

當開啟檔案時,桌面應用程式會在背景啟動 MCP server,讓 agent 連線綁定到本機 Paper 工作階段。

具程式碼匯出的 HTML/CSS 畫布

Paper 的 HTML/CSS 畫布會將設計工作匯出為程式碼,支援設計與實作之間來回切換的工作流程。

真實內容與 token 工作流程

文件與首頁說明可直接使用真實內容、設計 tokens、樣式與元件,來源可來自檔案、CMS、資料庫或其他應用程式,而非使用佔位內容。

可編輯元件的 Snapshot 擴充功能

Paper Snapshot 擴充功能可將網頁元件直接複製並貼到 Paper 中,作為可編輯圖層。

常見使用案例

  • 協作式產品設計

    當團隊需要一個與實作一致、而非孤立 mockup 的畫布時,可以把設計工作、程式碼脈絡與連接資料放在同一處。

  • 由 agent 協助的設計工作流程

    使用 Cursor、Claude Code、Codex 或其他相容 MCP 的工具的設計師,可以請 agents 讀寫設計檔案、帶入脈絡,並協助處理重複性變更。

  • 以內容驅動的版面工作

    在使用真實內容、tokens、樣式或元件時,團隊可以將這些來源同步到 Paper,而不是用佔位文字填滿版面。

  • 設計到程式碼的迭代

    開發者與設計師可透過 HTML/CSS 匯出工作流程在畫布與程式碼之間切換,支援更連續的交接流程。

  • 網頁元件擷取

    需要網頁 UI 可編輯表示的使用者,可以使用 Snapshot 將元件貼入 Paper,而不是從靜態截圖開始。

Pros and Cons

Pros

  • 將設計工作、以程式碼為導向的匯出,以及 agent 輔助工作流程整合在同一產品中。
  • 支援透過 MCP 進行讀寫,讓 agent 驅動的設計任務更實用。
  • 為多種工具提供具體設定路徑,包括 Cursor、Claude Code、Claude Desktop、Codex、Copilot 與 OpenCode。
  • 提供免費入門方案,以及更明確的進階使用與團隊付費方案。
  • 包含 Paper Snapshot,可將網頁元件轉為可編輯圖層,而非只是一張截圖。

Cons

  • 部分功能在公開網站上的文件仍然較為簡略,因此僅憑目前可取得的頁面,較難判斷編輯器與協作功能的完整深度。
  • 桌面與 MCP 工作流程依賴本機 Paper 應用程式與相容的主機工具,因此設定步驟比純網頁編輯器更多。

FAQ

如何將 AI agents 連接到 Paper?

需要使用 Paper Desktop 才能使用 Paper MCP server。安裝應用程式後,在 Paper 中開啟檔案會於背景啟動 MCP server。

哪些工具可以連接到 Paper 的 MCP server?

文件顯示可連接 Cursor、Claude Code、Claude Desktop、Codex、Copilot、Antigravity 和 OpenCode。一般做法是安裝或註冊 Paper MCP server,然後在手動設定路徑下,將主機工具連接到本機 server `http://127.0.0.1:29979/mcp`。

Paper Desktop 支援哪些平台?

下載頁面列出 Paper Desktop 的 Linux(AppImage)、Linux(Deb)、Linux(RPM)、macOS(ARM)以及 Windows(x64)版本。

Paper 有免費方案嗎?

定價頁面顯示有 Free 方案以及付費的 Pro 和 Organizations 方案。Free 包含有限的 MCP 工具呼叫、有限的影像生成、25 MB 的最大影像大小,以及有限的協作檔案;Pro 提供更高額度與額外功能,例如影片匯出和無限協作檔案;Organizations 則加入 SAML/SSO、管理控制、自訂合約、專屬支援與優先導入。

Paper 支援哪些類型的工作流程?

文件列出 MCP、Snapshot、Tokens、Paste、SVGs 與支援等章節,表示 Paper 是以網頁內容、設計 tokens、貼上設計與向量編輯工作流程為核心。

Quick Facts

類別
設計工具
主要工作流程
從連接式畫布設計、分享並交付作品
Agent 整合
用於讀寫存取的 Paper MCP server
桌面版可用性
列出 macOS、Windows 與 Linux 版本
定價
Free、Pro 和 Organizations 方案
來源網域
paper.design

Paper 數據分析

流量數據僅供參考。

流量與排名

月造訪量
31.9萬
平均造訪時長
01:43
每次造訪頁數
3.75

流量趨勢

主要造訪地區

  • 美國: 26.0%
  • 印度: 8.59%
  • 德國: 7.83%
  • 巴西: 4.01%
  • 英國: 3.61%
  • 其他: 49.9%

流量來源

  • 直接造訪: 47.1%
  • 搜尋: 29.7%
  • 引薦: 9.11%
  • 社群: 11.0%
  • 郵件: 1.68%
  • 展示廣告: 0.53%