ブリーフから実際のフローへ。いつものツールの中で。
AIエージェントと開発するプロダクトデザイナーとエンジニアのために。デザインしたいものを説明し、リリース済みプロダクトの実際のフローを見つけて、Figma、Chrome、またはMCP経由でClaude CodeやCursorに取り込めます。すべての画面に出典が残ります。

Not sure where to start? Pick what you're designing.
Start with one task. Find a real flow, compare its steps and save a reference for your project.
- 1Open a flow that matches your task
- 2Compare the steps, not just the look
- 3Save the useful reference to a folder
Start on Free. No credit card required.
次のプロジェクトに。



































































































デザインエージェントに依頼するだけ。根拠のある方向性が数秒で届きます。
オンボーディングから決済まで、Refcatは次のデザイン判断を楽にする実在プロダクトのパターンを見つけます。
実際のプロダクト開発のためのデザインエージェント
公開済みの実在プロダクトを、ひとつのライブラリに
- 画面
- 339.1万
- フロー
- 106.2万
- アプリ・サイト・ブランド
- 47万
ライブラリを見る ·
エージェントのコンテキストに、実在する画面を。
Claude Code、Cursor、Claude Desktopは記憶をもとにインターフェースを生成します。RefcatはMCPを通じて、リリース済みプロダクトの画面を出典付きで届けます。
年額プランを前面に出した実在のペイウォールを3つ探して、「Pricing v2」プロジェクトに追加して。
refcatsearch_screens "ペイウォール、年額プラン優先"
└ 3件 · それぞれアプリ、プラットフォーム、フロー、キャプチャ日付き
get_screen ×3 → add_screen ×3 → プロジェクト「Pricing v2」
エージェント完了しました。リリース済みのペイウォール3つを出典付きでプロジェクトに追加しました。創作したものはありません。
あなた23のツール、1つのキー
get_screenは画面そのもの、つまり画像とレイアウト構造をエージェントに渡します。search_screens、get_app_flows、get_email_html、export_design_systemが残りをカバー。アカウントでキーを作成し、JSONブロックを1つクライアントに貼り付けるだけ。
すべての画面に出典がある
各結果にアプリ、プラットフォーム、フロー、キャプチャ日が付くので、エージェントは推測ではなく実在のプロダクトに基づいて提案します。
Studioのブランドキット
生成されるすべての画面にカラーパレットとタイポグラフィを適用。ブランドキットは無制限、チーム全体で使える毎分300リクエストのMCPキーが10個。
- MCPを2分でセットアップStudioを見る























