Refero

Referoとは？

Referoは、ページタイプ、UXパターン、UI要素、ユーザーフロー、フォント別に整理された10万+の実際のWebおよびiOS製品画面の厳選されたコレクションを提供するデザインリサーチプラットフォームです。概念的な作品を紹介するインスピレーションギャラリーとは異なり、Referoは実際にリリースされた製品の画面のみを特別に扱い、ムードボードではなく実用的な参照ツールとなっています。UX/UIデザイナー、プロダクトマネージャー、そしてデザイン決定を行うために実際のインターフェースデータが必要なAI Agentにサービスを提供します。

主な機能

• 大規模な実製品画面ライブラリ

  実際のWebおよびiOS製品のみから収集した10万+の厳選されたスクリーンショットを、ページタイプ、業界、UIコンポーネント別に整理し、毎週新しいコンテンツで更新しています。

• UXフロー

  サインアップ、オンボーディング、チェックアウト、アカウント管理フローを含むエンドツーエンドのユーザージャーニーマップで、デザイナーが個別の画面ではなく完全なインタラクションシーケンスを研究できます。

• 詳細な検索とフィルタリング

  ページタイプ、UXパターン、UI要素、企業、業界、または自然言語で検索し、プラットフォーム（WebまたはiOS）フィルターで必要なものを正確に見つけることができます。

• UXパターンとUI要素

  推薦カルーセルや請求フローからスケルトンローダーやナビゲーションバーまで、87+のUXパターンと69+のUI要素を正確な参照のための技術メタデータでタグ付けしています。

• フォント参照ライブラリ

  実際の製品からの数千のフォント実装を、使用統計、ペアリング推奨、レスポンシブデザイン適用と共にカタログ化しています。

• FigmaプラグインとMCPサーバー

  Figma内で直接実製品の参考資料を挿入するか、MCPを通じてAI Agentを接続し、デザイン出力を生成する前に実際にリリースされたインターフェースを研究させることができます。

ユースケース

• UX/UIデザインリサーチ : デザイナーが自分の作品を実際にリリースされた製品とベンチマークし、トップ企業がダッシュボード、ペイウォール、オンボーディングをどのように処理するかを、数十のアプリを手動で探すことなく知ることができます。
• 競合・パターン分析 : プロダクトマネージャーとデザイナーが、業界の同業他社が特定のフローを構成したり、繰り返されるUIパターンを実装したりする方法を、実際の製品証拠に基づいて監査できます。
• AI支援デザインワークフロー : AI AgentがMCPを通じて接続し、実際の製品インターフェースに基づいた出力を生成するため、コードやプロトタイプ生成中の幻想的または汎用的なデザイン提案を減らします。
• タイポグラフィと視覚的一貫性 : フォント選択を探求するチームが、人気製品が様々なデバイスで特定の書体をどのように実装するかを参照し、より情報に基づいた一貫したデザインシステムをサポートします。
• 迅速なプロトタイピング参照 : Figmaで作業するデザイナーが実際の製品画面を直接ワークスペースに取り込んで参考にし、ワイヤーフレーム作成を加速し、推測を減らします。

よくある質問