Pitchdeckは、各スライドの直下の子レイヤーにアニメーションを付けます。Animationsタブで要素を選択し、それらのモーションをまとめて編集します。
Preview、Presenter、Local HTMLでは、すべてのモーションが再生されます。ホストされた共有では、デプロイされたビューアーが高度なモーションに対応しているかが確認されます。MP4では、対応している2Dのモーションとトランジションがレンダリングされます。ネイティブのPowerPointは、フェードとビルドの控えめなサブセットに対応しており、対応していないモーションは報告されます。Keynote、Google Slides、静的な形式には、Pitchdeckのモーションは含まれません。
要素を選択する
- 左のサイドバーでスライドを選択し、Animationsを開きます。
- Animation orderまたはスライドのプレビューで要素をクリックします。要素を追加・削除するには、MacではCommand、WindowsではCtrlを押しながらクリックします。範囲を選択するにはShiftを押しながらクリックします。
- Select allを使うと、一覧にあるすべての要素を選択できます。モーションのない要素はNot animatedの下に表示されます。レイヤーが多いスライドでは、レイヤー名で検索できます。
複数の要素を選択すると、値が異なる項目にはインスペクターでMixedと表示されます。フィールドを編集すると、選択したすべての要素でそのフィールドが変更され、ほかの設定、リンク、メディアは維持されます。
アニメーションを追加する
スライド全体にまとめてアニメーションを付けるには、AnimationsパネルのAnimate this slideかタイムラインのAnimate slideを選ぶか（どちらもスライドにアニメーションがない間に表示されます）、CommandsからAnimate slideを実行します。タイトルが最初に、サブタイトルが続き、その後コンテンツが読む順に1行ずつ浮かび上がります。カード内のテキストはカードと一緒に登場し、背景、ロゴ、フッター、ページ番号、区切り線は動きません。スライドの既存のアニメーションは置き換えられるので、元に戻すにはUndoを使ってください。
モーションのない要素には、Fade、Slide up、Scale、Popのいずれかを選ぶか、All effects… を選んですべてのアニメーションを参照します。エフェクトはEntrance、Emphasis、Exitに分類され、独自のキーフレーム用にCustomもあります。エフェクトにマウスを重ねると、そのモーションをプレビューできます。
Entranceの上のほうには控えめなオプションがあります。Wipeは要素を一方の端から表示し、Revealは円形に開いて表示し、Settleは少し大きいサイズから滑らかに表示し、Growは左、中央、右、下のいずれかから伸ばして表示します。Growは棒グラフやグラフに適しています。Exitには、方向付きのFade、Wipe、Close、Shrinkがあります。これらはエディター、Presenter、Local HTML、MP4で再生されます。PowerPointではフェードだけが維持されます。
アニメーションを選んだら、Directionで登場する方向を設定するか、StyleでUpやDownなどのバリエーションを設定します。変更するたびに編集したエフェクトがスライド上で再生されるので、結果を確認できます。
タイミングを設定する
Playsで、エフェクトが始まるタイミングを選びます。その下に、どのエフェクトと一緒に、またはどのエフェクトの後に再生されるか、どのクリックを待つかなど、動作がわかりやすい言葉で表示されます。
| Plays | 動作 |
|---|---|
| On click | プレゼンテーション中にクリックを待ちます。 |
| With previous | 直前のエフェクトと同時に、そのディレイの後に始まります。 |
| After previous | 直前のエフェクトが終わってから、そのディレイの後に始まります。 |
Speedでは、Fast（0.3秒）、Normal（0.6秒）、Slow（1.2秒）のいずれかを選ぶか、Customを選んでDurationを入力します。Delayには秒数を入力します。More optionsにはEasingとEffect typeがあります。EasingにはGentle、Overshoot、Anticipateなどのプリセットのカーブが表示され、プリセットにマウスを重ねると、そのカーブで点が動く様子を確認できます。カスタムのカーブを作るには、カーブの2つのハンドルをドラッグするか、ハンドルにフォーカスして矢印キーを使います。Effect typeは選んだアニメーションに応じて自動的に設定されます。フェードを退場に使う場合など、エフェクトを別の種類として再生したいときだけ変更してください。
テキストレイヤーでは、Build textでAll at onceかBy lineを選びます。By lineではテキストが1行ずつ順に表示されます。推定がずれている場合は、テキストに合わせてLinesを設定し、行の間隔はBetween linesで設定します。行ごとのビルドは、エディター、Presenter、Local HTML、MP4で再生されます。PowerPointでは、テキストレイヤー全体にアニメーションが付きます。
複数の要素を順番に再生するには、それらを選択し、Stagger selected layersに間隔を秒数で入力して、ForwardかReverseを選んでからStaggerを選びます。間隔を0にすると、同時に始まります。
順序を確認する
Animation orderには、すべてのエフェクトが再生順に表示されます。ハイライトされた番号はクリックを待ち、グレーの番号は自動で再生されます。スライドのプレビューにも同じ番号が表示されます。各行には、エフェクトが再生されるタイミングを示す小さなバーが表示されます。行をドラッグするか、行にマウスを重ねて矢印ボタンを使うと、順番を前後に移動できます。行をクリックすると、その要素が選択され、エフェクトが再生されます。
スライドの下のSpeaker notesの隣にあるTimelineを選ぶと、すべてのエフェクトを1本の時間軸で確認できます。そのスライドで自分でタブを選んでいない限り、アニメーションを選択、編集、再生しているときは、パネルが自動的にTimelineに切り替わります。破線は各クリックを示します。バーをドラッグするとディレイが、右端をドラッグすると長さが変わります。タイミングは0.05秒単位でスナップし、Altを押しながら操作すると自由に動かせます。時間ルーラーをクリックまたはドラッグすると再生ヘッドが移動し、アニメーションをスクラブできます。左右の矢印キーで少しずつ動かすこともできます。プレビュー中は、再生ヘッドが再生に合わせて移動します。
バーは、ほかのバーの端、クリックの線、スライドの開始位置にスナップし、一致した位置には赤いガイド線が表示されます。スライドにトランジションがある場合は、上部にTransitionの行が表示されます。右端をドラッグすると長さを変更できます。ナレーションのあるスライドには、波形付きのNarrationの行が表示されます。ドラッグするとナレーションの開始位置を変更でき、クリックすると音声の設定が開きます。
バーをクリックしてフォーカスしてから、次の操作を行います。
| 操作 | 結果 |
|---|---|
| 左右の矢印キー | ディレイを0.05秒ずつ調整します。Shiftを押しながらだと0.5秒ずつです。 |
| Alt+上矢印キー、Alt+下矢印キー | エフェクトを前または後ろに移動します。 |
| Enterキー、またはバーをダブルクリック | エフェクトの選択画面を開きます。 |
| Deleteキー | エフェクトを削除します。 |
| スペースキー | スライドを再生または一時停止します。 |
複数のバーを選択するには、Shiftキーか、Command/Ctrlキーを押しながらバーをクリックするか、トラックの空いている部分をドラッグして、ボックスに触れるすべてのバーを選択します。選択したバーのどれかをドラッグすると選択全体が移動し、矢印キーで少しずつ動かせます。Deleteで削除できます。複数のバーを選択すると、右クリックメニューにStagger n animationsが追加され、0.15秒間隔で並べられます。
タイムラインを拡大・縮小するには、Command/Ctrlを押しながらスクロールするか、トラックパッドでピンチするか、タイムラインの上にある − と + を使います。パーセンテージを選ぶと、スライド全体が再び収まるように表示されます。タイムラインの上にあるDeck motionを選ぶと、資料全体のビューが開きます。
バーを右クリックすると、Change effect…、Play this animation、Copy animation、Paste animation、Move earlier、Move later、Remove animationを選べます。行の名前を上下にドラッグすると、順序を変更できます。タイムラインの上端をドラッグするとサイズを変更でき、上端をダブルクリックすると行に合わせたサイズに戻ります。
エフェクトの追加・コピー・再利用
要素名の横にある + を選ぶと、別のエフェクトを追加できます。1つの要素に登場、強調、退場のエフェクトを付けられます。要素のエフェクトは一覧に表示されるので、1つを選んで編集するか、− を選んで削除します。同じ要素のエフェクトの変形が重なる場合は、順番に再生されるようにしてください。
⋯ メニューには、Copy animation、Paste animation、Remove all animationsがあります。コピーと貼り付けは、Command/Ctrl+Shift+CとCommand/Ctrl+Shift+Vでも行えます。アニメーションを削除しても、リンクとメディアは維持されます。
Motion stylesを展開し、Save current asに名前を入力してから、Save styleを選びます。スタイルには、最初に選択した要素のモーションが使われます。保存したスタイルを選ぶと、同じ資料内の別の選択に適用できます。
アニメーションのメタデータは、Figmaのレイヤーに付いたままになります。レイヤーを別のスライドにコピーすると、アニメーションの設定も一緒にコピーされます。
変更のプレビューと取り消し
編集中は、Play（またはSpace）とタイムラインの再生ヘッドで、その時点のスライドの見た目が表示されるので、編集モードのままタイミングを確認できます。再生ヘッドの位置でまだ表示されていない要素は破線の枠で表示されるので、見つけて選択できます。スライド上の要素をクリックすると、すべての要素が表示されて選択できる、スライド全体の表示に戻ります。Replay、Next click、タイムスライダー、クリックできるリンクを使うには、Previewを選びます。
アニメーションのあるスライドのサムネイルには、エフェクトの数を示す再生バッジが表示されます。サムネイルにマウスを重ねるとその場でアニメーションが再生され、バッジを選ぶとスライドが開いて再生されます。動画、音声、埋め込みのあるスライドは、静止画のサムネイルのままです。
Make it moveを使うと、資料全体に1ステップでアニメーションを付けられます。Tools > Animate whole deck…、レイヤーが選択されていないときのAnimationsパネルのAnimate the whole deck、タイムラインの上のDeck motion、またはCommandsから開きます。Calm（穏やかなフェード）、Confident（浮かび上がりと拡大）、Bold（横方向の動きとポップ）のいずれかを選び、Apply to n slidesを選びます。各スライドには、Animate slideと同じ方法で、選んだスタイルのエフェクトを使った動きが付けられます。大きな画像はバウンドせずに拡大またはフェードし、要素の多いスライドではすべてのビルドが約2秒以内に終わるようタイミングが詰められます。スライドの切り替えにはフェード（CalmとConfident）またはスライド（Bold）が使われ、最初のスライドにはトランジションがありません。Keep slides I've already animatedはデフォルトでオンになっています。変更全体が1回のUndoで元に戻せます。エフェクトには標準のイージングが使われるので、PowerPointへのエクスポートでも維持されます。
タイムラインの上またはCommandsから開くDeck motionには、対象のすべてのスライドが、アニメーションとクリックの数、トランジション、長さとともに一覧表示されます。スライドを選ぶと開きます。Use this slide's transition everywhereは現在のスライドのトランジションを対象のすべてのスライドにコピーし、Animate n unanimated slidesはまだアニメーションのないスライドにAnimate slideを実行します。どちらも元に戻せます。スライドの登場時のトランジションは、そのスライドのTransitionのコントロールで設定します。
アニメーション、ノート、セクション、モーション設定の編集には、UndoとRedo、またはCommand/Ctrl+ZとCommand/Ctrl+Shift+Zを使います。ツールバーの小さな点は、変更が保存されたことを示します。保存待ちの変更があるときは、Saving… またはUnsavedに変わります。保存に失敗した場合は、ページの再読み込み、プレゼンテーション、エクスポートの前にRetry savingを使ってください。
Commands、タイムライン、Morph
Tools > Commands & searchを選ぶか、Command/Ctrl+Kを押すと、スライドのコンテンツを検索したり、ツールを開いたりできます。Command/Ctrl+Shift+Cでコピーしたモーションは、Command/Ctrl+Shift+Vで別のスライドの選択したオブジェクトに貼り付けられます。プレビューの空いている部分をドラッグすると、範囲に重なるオブジェクトを選択できます。Command/CtrlキーかShiftキーを押しながら操作すると、選択に追加できます。
正確な開始時間とプロパティトラックを扱うには、CommandsでOpen visual motion timelineを選びます。バーをドラッグすると開始位置が移動し、右端をドラッグすると長さが変わります。タイミングは0.05秒単位でスナップします。スナップせずに動かすにはAltを押します。開始時間と長さを正確に指定するフィールドもあります。Property trackでは、選択したオブジェクトに位置、拡大率、回転、不透明度のアニメーションを個別に追加できます。トラックは、プリセットのアニメーションと組み合わせて使えます。タイムラインには、条件に一致するエフェクトが最大150個表示されます。大きなスライドでは、検索で絞り込んでください。
スライドのトランジションのコントロールでMorphを選び、CommandsのConfigure Morph / Magic Moveでオブジェクトの対応を確認します。Smart Morphは、オブジェクトを自動的に対応付けます。最初に一意のレイヤー名で、次に同じコンポーネントのインスタンスと同一のテキストで対応付けるので、レイヤー名を変更していても対応付けられます。両方のスライドに同じ名前のオブジェクトが同じ数だけある場合は、読む順にペアになります。そうでない場合、重複した名前のオブジェクトは、ソースのオブジェクトを選ばない限り対応付けられません。それぞれの対応には、対応付けられた理由が表示されます。対応付けられなかったオブジェクトはフェードします。ソースのレイヤーはそのまま維持されます。
リンクされたモーションスタイルとブランドキット
再利用できるモーションスタイルを適用すると、選択したオブジェクトがそのスタイルにリンクされます。スタイルを更新すると、フィールドごとの個別の上書きは維持したまま、リンクされたオブジェクトが変更されます。Detachを使うと、現在のモーションが独立したスナップショットとして保持されます。定義が削除されても、埋め込まれたスナップショットは引き続き再生されます。
CommandsでLinked motion styles and librariesを開くと、スタイルの名前を変更したり、確認済みのJSONライブラリをインポート・エクスポートしたり、スタイルをFigmaの文字列変数として保存したりできます。公開されている変数ライブラリを利用できる場合は、インポートできます。ローカル変数を保存しても、チームライブラリは公開されません。公開するには、Figmaのライブラリのワークフローを使ってください。
Brand kits, object roles and relayoutを開くと、意味上の役割、代替テキスト、装飾フラグ、読み上げ順序を割り当てられます。リンクされたタイトル、本文、アクセントのスタイルを作成し、現在のスライド、選択したスライド、または読み込まれた資料全体への適用内容を確認します。ローカルでのスタイルの上書きは維持できます。役割に基づく再レイアウトでは、既存のトップレベルのオブジェクトを、確認済みの配置に移動します。オブジェクトのID、コンテンツ、メディア、モーションは維持されます。ソースの編集とFigmaのスタイルの変更は、Figma Undoで元に戻せます。
ナレーション
CommandsまたはタイムラインからNarration and audio cuesを開きます。音声をアップロードするか、ホストがマイクへのアクセスを許可している場合は録音します。録音は120秒で停止します。クリップは2 MB未満である必要があります。ローカルライブラリでは、1ファイルあたり3 MBまで保存できます。キューの開始位置と音量を設定してから、Save slide cueを選びます。
音声は、このパソコンのプラグインのローカルライブラリに保存されます。別のパソコンでエクスポートする前に、クリップを付け直してください。Local HTMLとMP4には音声が同梱されます。ホストされた資料を共有すると、付けた音声がプレゼンテーションと一緒にアップロードされます。ブラウザの自動再生のルールによっては、Play narrationが必要になる場合があります。ネイティブの編集可能なプレゼンテーション形式へのエクスポートには、これらのナレーションのキューは含まれません。
リンクされたブランドキットを更新すると、ファイル内でそのFigmaのネイティブスタイルを使っているすべてのオブジェクトが変更されます。スタイルや再レイアウトの提案を受け取るオブジェクトは、範囲のコントロールで決まります。タイポグラフィとテキストの色には、それぞれ別のリンクされたスタイルが使われます。モーションを減らす設定で再生した場合も、クリックによるビルドは維持され、現在のビルドはそれぞれ瞬時に表示されます。