デザイン × AI のリソース集
istyles
AI時代のUIリサーチを、ひとつの場所で。
実在サービスのスクリーンショットとフロー設計、AIエージェント向けの DESIGN.md、デザインを加速するAIツール。見て、比べて、AIに持ち帰る。
Products
aistyles.proLab — Pro 加入で利用可能
デザインの「答えにくい課題」を、
実例とAIで考える。
あらゆる課題を集めたスクリーンをAIが分析。サイトのフローやエラーメッセージを 参考にできるAIプロンプトも配布しています。
性別入力
性別欄は、多様性の時代にどこまで考慮すべき？
ダイバーシティへの配慮がますます求められる時代。実在サービスの性別入力画面を横断で並べて比較し、AIの分析コメントとあわせて「自分のサービスではどうするか」の判断材料にできます。
性別入力の横断ビューを見る会員登録フロー
要件がまだ決まっていないなら、大手を参考にしよう。
理想にもっとも近い大手サービスの会員登録フローを見つけたら、詳細ページのAIプロンプトをコピーするだけ。そのままAIに渡して、実績あるフローをベースに自分のサービスを設計できます。
会員登録フローの横断ビューを見るエラーメッセージ
エラー文言は、間違えるとセキュリティ課題になり得る。
「メールアドレスが存在しません」は攻撃者へのヒントにもなります。大手サービスの実際のエラーメッセージを横断で参考にし、AIプロンプトで安全な文言をAIに書かせましょう。
エラー画面の横断ビューを見るプレミアムプラン
集める・比べる・持ち帰る。
すべてを加速する aistyles.Pro
¥400 / 月（税込）
| 機能 | Free | aistyles.Pro |
|---|---|---|
| iOSアプリのスクリーン閲覧（3,000枚以上）実在サービスのスクリーンショットをブランド・画面ごとに閲覧できます | ||
| 限定フローの閲覧モバイルオーダー・レンタル系・体験型アプリの成約フローなど、実際に使わないと見られない画面の流れを閲覧できます | — | |
| Screens 横断比較会員登録・ログイン・エラー・性別入力など、同じ種類の画面を全ブランド横断で並べて比較。気になる画面は拡大して細部まで確認できます | — | |
| お気に入り気になった画面を保存して、マイページからいつでも見返せます | — | |
| 画像ダウンロードギャラリーの画像を高解像度のままダウンロードできます | — | |
| proLab（AI分析とプロンプト配布）AIによる画面分析コメントと、フロー・エラー文言を持ち帰れるAIプロンプトの配布 | — |