Paper

認証する

Paperは、キャンバス、コード、AIエージェントをつなぎ、チームが1つのワークフローで作成・共有・出荷できるデザインツール。デスクトップアプリ、MCP対応のエージェントアクセス、実コンテンツとデザイントークンのワークフローに対応。

AIデザインジェネレーター

AIグラフィックデザイン

Paper とは

Paper は、チーム、エージェント、コード、データのための接続されたキャンバスを中心に構築されたデザインツールです。サイトでは、web 標準に基づくワークフローが説明されており、デザイン作業は構造や文脈を失わずにキャンバスとコードの間を移動できます。

この製品は Paper Desktop アプリと、AI エージェントがデザインファイルを読み書きできる Paper MCP サーバーを中心に構成されています。ドキュメントでは、Snapshot、tokens、paste、SVGs、ベクター編集に関連するワークフローも案内されており、Paper は単なる 1 枚のキャンバス表示ではなく、実装やコンテンツソースと結びついたデザインワークスペースとして位置づけられています。

機能

チームとエージェントのための接続されたキャンバス

Paper は、web 標準の上に構築された 1 つのデザイン空間で、チームがエージェント、コード、データと一緒に作業できる、接続されたキャンバスとして位置づけられています。

MCP ベースのエージェントアクセス

Paper MCP サーバーを使うと、AI エージェントがデザインファイルを読み書きできるため、エージェントはデザインの文脈を利用し、コンテンツをソースとキャンバスの間で移動するのを支援できます。

デスクトップアプリ搭載のローカルサーバー

デスクトップアプリは、ファイルを開くとバックグラウンドで MCP サーバーを起動するため、エージェント接続はローカルの Paper セッションに紐づいたままになります。

コード書き出し対応の HTML/CSS キャンバス

Paper の HTML/CSS キャンバスはデザイン作業をコードとして書き出せるため、デザインと実装の間で双方向のワークフローを支援します。

実コンテンツとトークンのワークフロー

ドキュメントとホームページでは、プレースホルダーの代わりに、ファイル、CMS、データベース、または他のアプリからの実コンテンツ、デザイントークン、スタイル、コンポーネントを使用するワークフローが説明されています。

編集可能なコンポーネント用の Snapshot 拡張機能

Paper Snapshot 拡張機能を使うと、Web コンポーネントを Paper に直接コピー＆ペーストして、編集可能なレイヤーとして取り込めます。

一般的な利用例

共同でのプロダクトデザイン
実装に沿ったキャンバスが必要なとき、チームはデザイン作業、コードの文脈、接続されたデータを 1 か所にまとめておけます。
エージェント支援のデザインワークフロー
Cursor、Claude Code、Codex、または他の MCP 対応ツールを使うデザイナーは、エージェントにデザインファイルの読み書きを依頼し、文脈を取り込み、繰り返し発生する変更の管理を支援してもらえます。
コンテンツ主導のレイアウト作業
実コンテンツ、トークン、スタイル、またはコンポーネントを元に作業する場合、チームはプレースホルダーテキストでレイアウトを埋める代わりに、それらのソースを Paper に同期できます。
デザインからコードへの反復
デザイナーと開発者は、HTML/CSS の書き出しワークフローを使ってキャンバスとコードを行き来でき、より連続的な受け渡しを実現できます。
Web コンポーネントの取り込み
編集可能な Web UI の表現が必要なユーザーは、静的なスクリーンショットから始めるのではなく、Snapshot を使ってコンポーネントを Paper に貼り付けられます。

Pros and Cons

Pros

公開サイトでは一部の機能の説明がまだ簡潔なため、提供ページだけではエディタや共同作業機能の全体像を判断しづらい。
デスクトップおよび MCP のワークフローはローカルの Paper アプリと対応ホストツールに依存するため、セットアップは Web 専用エディタを使う場合よりも手順が多くなります。

Cons

デザイン作業、コード指向の書き出し、エージェント支援ワークフローを 1 つの製品にまとめている。
MCP を通じた読み書きをサポートしており、エージェント主導のデザイン作業に実用的です。
Cursor、Claude Code、Claude Desktop、Codex、Copilot、OpenCode など、いくつかのツール向けに具体的なセットアップ手順が用意されています。
無料で始められるプランがあり、上位の利用やチーム向けにはより明確な有料プランがあります。
Paper Snapshot により、Web コンポーネントをスクリーンショットではなく編集可能なレイヤーとして取り込めます。

FAQ

AIエージェントを Paper に接続するにはどうすればよいですか？

Paper Desktop は Paper MCP サーバーを使用するために必要です。アプリをインストールしたら、Paper でファイルを開くと MCP サーバーがバックグラウンドで起動します。

どのツールが Paper の MCP サーバーに接続できますか？

ドキュメントには、Cursor、Claude Code、Claude Desktop、Codex、Copilot、Antigravity、OpenCode との接続例が示されています。一般的な手順は、Paper MCP サーバーをインストールまたは登録し、手動セットアップの方法を使う場合はホストツールをローカルサーバー `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 は Web コンテンツ、デザイントークン、貼り付けたデザイン、ベクター編集のワークフローを中心に構築されていることがうかがえます。

Quick Facts

カテゴリ: デザインツール
主なワークフロー: 接続されたキャンバスから作成・共有・出荷する
エージェント統合: 読み書きアクセス用の Paper MCP サーバー
デスクトップ対応: macOS、Windows、Linux のビルドを掲載
料金: Free、Pro、Organizations プラン
ソースドメイン: paper.design

Paper の分析

トラフィックデータは参考情報としてご利用ください。

トラフィックとランキング

月間訪問数: 31.9万
平均滞在時間: 01:43
訪問あたりのページ数: 3.75

トラフィック推移

主な地域

トラフィックソース

Paperの代替品

Superside

Supersideは、グローバル人材、AIファーストのワークフロー、プロジェクト管理ツールを組み合わせた、企業・社内チーム向けAIクリエイティブサービスです。

Orca

Orcaは、コードエージェントでの開発・実装を支援するAgent Development Environment。分離されたworktree上で複数のCLIエージェントを並列実行し、デスクトップとモバイルの連携ワークフローに対応します。

Firebase Studio

Firebase Studioは、Gemini支援のコーディング、アプリプレビュー、クラウドエミュレータを備えたブラウザベースのフルスタック開発用ワークスペースです。既存リポジトリの取り込み、新規アプリの試作、共同作業、ブラウザからのデプロイに対応します。

AI Magicx

AI Magicxは、チャット、画像、動画、音声、音楽、メール、開発タスクを1か所で扱える統合AIワークスペース。複数モデルを使い分ける手間を減らします。

Framer

Framer is an AI website builder for professional sites. It helps teams design, manage CMS content, optimize SEO, collaborate, and publish from a single no-code workflow.

blop

blop は、リポジトリ内でブラウザテストをコードとして記述し、CIで実行、失敗をクラスタリングし、壊れたテスト修正用のPRも開けるQA agentです。