[Figma]Open overlay-モーダルなどのPrototype作成方法-

Figmaでモーダルやキーボードの出現など画面の一部が変化した際
同じ画面を用意せずともPrototypeで表現できる方法をここに記録します。

Open overlay

検索バーをタップすると検索モードに切り替わり、
少し遅れてキーボードが立ち上がる動きを表現。

1. 画面部分とキーボードを用意する。

2. Prototypeで繋ぐ。

3. デフォルトで "→Navigate to" の部分を "Open overlay"に変える。

4. 表示位置を決める。（今回はBottom centerを選択したがMnualを選択すると自由に表示位置を決めることができる。）

以上で完了です！

*After delay クリックなどせず、時間が経過したら挙動が開始される。

表示位置をMalualで設定したとき↓

*Close when clicking outsideを選択すると、
どこかクリックするとモーダルが閉じる設定になる。