デザイナーがFigmaから渡したファイルが開発者の手で変わってしまう。間隔が少し変わり、フォントが微妙にずれ、コンポーネントの構造が変わります。デザイナーが「これと違います」と言えば開発者は「できる限り近づけました」と答える。この会話が毎回繰り返されます。Paper Desktopはそのハンドオフ自体をなくそうと作られたキャンバスです。
paper.designハンドオフが消えたキャンバス — Paper Desktopがデザインをコードに変える方法
FAQ
Paper Desktopで作ったデザインをFigmaに戻すことはできますか?
現在はPaper → Figmaへの直接エクスポートはサポートしていません。逆にFigma → Paperは可能です(Figmaデザイントークンのインポート)。Paperの結果物はHTML/CSSコードなので、必要であればコードを基にFigmaで再構成する方式です。
PaperのMCPサーバーは複数のエージェント(Cursor + Claude Code)を同時に接続できますか?
はい、Paper MCPサーバーはローカルHTTPサーバーとして動作するため、複数のクライアントが同時に接続できます。ただし同じフレームを同時に修正すると衝突が生じる可能性があるので、作業領域を分けて使うのが安全です。
Paper Desktopはデザインシステム(トークン、コンポーネント)をチーム単位で管理できますか?
まだオープンアルファ段階でチーム単位のコンポーネントシステム(スロット、プロップス)は開発中です。現在はFigmaからデザイントークンをインポートするか、内蔵されたプリセットデザインシステムを使うレベルです。Tailwindチームとのネイティブ統合を準備中でもうすぐ改善される見込みです。
Paperでモバイルアプリのデザインもできますか?
PaperはHTML/CSSベースなのでウェブUIに最適化されています。モバイルウェブアプリやレスポンシブデザインは可能ですが、ネイティブiOS/Androidアプリの正確な実装には限界があります。モバイルネイティブが目的ならFigmaがまだ適しています。
AI 크리에이티브의 가능성을 실험하고 기록합니다.
このリファレンスは役に立ちましたか?
毎週厳選されたリファレンスをメールでお届けします
このリファレンスを共有
이런 레퍼런스도 있어요
다른 독자들이 함께 읽은 레퍼런스
Figmaデザインを99.8%そのまま実装する方法 — Framelink MCP + ピクセルdiffループの実践ワークフロー
バイブコーディングの最後のボトルネックはAIっぽいデザイン。Framelink MCPでFigmaデザイントークンを正確に抽出し、スクリーンショットdiffループで背景一致率99.8%を達成する実践ワークフローをまとめました。
storage.googleapis.comプロ級の画像生成が9円? — Googleの価格破壊AI、ナノバナナ2
GoogleがプロレベルのAI画像生成モデルを半額で公開しました。1K画像1枚約9円、4Kも20円。ナノバナナ2(Gemini 3.1 Flash Image)のすべて。

