Figma でモーダルやポップアップ等の状態変化をプロトタイプする｜marin

こんにちは！ UIデザイナーのmarinです。 1年半前にメインデザインツールをFigma に移行した際の記事を書いたのですが、理由のひとつにプロトタイピングがしやすいことを挙げていました。 今回はその件についての深堀りを、Figma のプロトタイプを実際の業務でどのように用いているのか例を挙げて書きます。 ※Figma のプロトタイプが初見の場合は、公式のFigma Tutorial: Prototyping を見ておくのをおすすめします。Figma のプロトタイプの作り方Figma のプロトタイプ機能はデフォルトで備わっていて、作成したデザインに画面遷移・マイクロインタラクションの再現ができます。設定方法はとても簡単かつ直感的なので、実際にやってみましょう。 まずはプロパティパネル（デフォルト右側のパネル）の上にあるPrototypeをクリックしプロトタイプモードにします。 試しに、た