Activity

プロトタイピング

Figma・InVision等でクリック可能なインタラクティブプロトタイプを作成し、画面遷移・アニメーション・マイクロインタラクションを再現する

デザインdesign-traditional-4

詳細定義

実際のプロダクトに近い動作を再現したインタラクティブなモデルを作成。画面遷移、アニメーション、マイクロインタラクションを実装し、ユーザー体験を検証可能にする。

AI進化方向性

AIが操作フローを自動シミュレーションし、ユーザビリティ問題を事前検出。プロトタイプの改善提案をリアルタイムで生成し、テスト前の品質を大幅向上

6件

プロンプトを入力してスクロールするだけで、無限にUIバリエーションが生成。v0やMagic Patternsの代替として。

Foundation→Core Layout→Content & Polish→Deploymentの4フェーズ。デザイナーが自分の作品を最も理解しているため、エンジニアへの依頼より高い完成度を実現。

Xtone社デザイナーが2週間でレシピアプリを開発。新規ファイルから作成させると仕上がりが良く、CLAUDE.mdにルール統一が有効。「スタイリッシュ」等の指向性指示が叩き台に。

戦略定義→Figmaでデザイン基盤→CLAUDE.mdにブランドガイドライン→レスポンシブWebサイト生成→自然言語フィードバック→Vercelデプロイ。

坪田朋氏提唱。要件定義・デザイン・プロトタイピングが一つの行為に融合。従来の逐次プロセス（要件→デザイン→実装→レビュー）が不要に。

リサーチエージェント＋実装エージェントの並列実行、品質チェックエージェントの自動レビュー。非エンジニアデザイナーの視点からの実体験レポート。