#078
Figma Makeでプロトタイプ開発！
リッチなインタラクションを爆速で試作！
#FigmaMake#プロトタイプ#UXデザイン
実践プロセス（AIによる自動生成）
1.高度な動きの指定
従来の機能では難しかった、複雑なインタラクションの内容をAIに指示しました。
プロンプト例
ドラッグ＆ドロップでカードを並び替え、並び替え完了時にアニメーションで確定する動きを、FigmaのプロトタイプまたはReactで実装する方法を教えてください2.コードベース生成
AIに動きの部分をコードとして出力させ、リアルな操作感を持つプロトタイプを構築しました。
3.エンジニアとの合意形成
動画で見せるのではなく、実際の挙動をコードで示すことで、実装可能性を早期に検証しました。
4.試行錯誤の加速
デザインの細部と動きのバランスを、AIの生成能力で爆速で試作・修正しました。