Category · ログインフォーム
ログインフォームのAIプロンプト集
ログイン、サインアップ、パスワードリセットなど認証フロー専用UIのAIプロンプト集。モーダル型・全画面型・SSO対応など現代の認証パターンを収録。
認証について
認証UIはユーザーがプロダクトに「入る」最初のドアであり、デザインの第一印象を決めるパートです。モーダル型、専用ページ型、SSOボタン中心、メール+ワンタイムリンクの passwordless 型など、設計のバリエーションは豊富。最近は Google / GitHub / Apple SSO のロゴウォール型が主流で、視覚的には「邪魔をしない・迷わせない」を最優先に、エラー表示と入力補助の質で差がつきます。
よく使われる場面
- SaaSのログイン・サインアップフォーム
- 管理画面の社内SSO認証
- 招待リンクからの参加フロー
- パスワード再設定・2段階認証
- passwordless（マジックリンク）認証
成功のポイント
- フィールド数は最小限に絞る
- SSOボタンは上部、メール入力は下部の階層
- エラーメッセージはテキストで具体的に
- パスワード要件はリアルタイム表示
- Caps Lock警告など細やかなUX対応
