モックアップをクリック可能なプロトタイプに変換

モックアップ・プロトタイプ変換ツールは、静的なデザイン画面をインタラクティブでクリック可能な体験に変えるツールです。Figmaエージェントを使うと、タップ領域、トランジション、ナビゲーションフローといったフレーム同士のつながり方を説明するだけで、エージェントがキャンバス上に直接プロトタイプを配線します。手動での接続作業は不要です。

Figma Designでモックアップのフレームを選択し、エージェントを開きます。どの要素がタップ可能か、どこに遷移するか、トランジションにどのような雰囲気を持たせたいかなど、必要なインタラクションを説明します。エージェントが接続を適用し、フローがしっくりくるまで追加のプロンプトで調整できます。

モックアップ（またはワイヤーフレームより詳細なデザイン案）は、デザインの静的なビジュアル表現であり、画面がどう見えるかを示しますが、操作には反応しません。プロトタイプはインタラクティブ性を加え、ユーザーがタップ、スワイプ、画面間の移動を行うことで想定されたフローを体験できるようにします。Figmaエージェントは、静的なモックアップを実際に動作するプロトタイプに変換することで、そのギャップを埋める手助けをします。

Figmaエージェントは、デザインのコンテキストと自然言語による説明を理解します。画面同士のつながり方 — エントリーポイント、タップ領域、トランジション — を説明すると、エージェントがそのインタラクションをフレームに直接適用します。これにより繰り返しの配線作業が自動化されるため、ユーザー体験の磨き込みに集中できます。

Figmaエージェントは、すべての有料Figmaプランでご利用いただけます。Figma Designの左サイドバーからアクセスできます。現在のオープンベータ期間中はAIクレジットを消費しないため、今のうちにぜひ試してフィードバックをお寄せください。