このチュートリアルでは次の種類のポップアップ作成方法をご紹介します。

1. クッキーの同意ポップアップを作成する方法
2. ページを特定の場所にスクロールしたときにポップアップを表示する方法
3. 画面を横にスライドするように着信ポップアップを作成する方法

https://youtu.be/doqxbzFq0XY

→このチュートリアルで使用されているサンプルのダウンロードはこちらより

1. 左のクイックツールバーで、Box（ボックス）またはショートカット B を押してキャンバスにボックスを追加します。
2. 次に、ショートカットキー ⌥ + I でアイコンを追加します。
3. プロパティパネルの Icons（アイコン）セクションで、デフォルトに設定されていた歯車のアイコンを X 形状のアイコンに変更します。 4.左クイックツールバー Forms（フォーム）セクションに2つのButton（ボタン）を追加します。 ショートカット⌥ + B を使用することもできます。
4. ⌘ + G ショートカットを使用してすべての要素をGroup（グループ化）し、グループ名を Cookie banner （Cookie バナー） とします。

インタラクションの追加

1. X 形状のアイコンを選択し、画面右のInteractions（インタラクション）を追加します。
2. Trigger（トリガー）を Click（Tap）（クリックまたはタブ）に設定します。
3. Action（アクション）セクションで Hide（非表示）を選択します。
4. その下のElement（要素）から *Cookie banner（クッキーバナー）*を選択します。
5. Animation（アニメーション）で、Fade（消去）を選択します。
6. Animation（アニメーション）設定で、Duration（時間の間隔）を 150msに設定します。
7. Add（追加）をクリックします。