Figma Motionで書き出しできない時の確認点

こんにちは。AIあれこれ散歩道です。

Figma Motionでアニメーションを作ったのに、書き出しできない、Exportボタンが見つからない、GIFとMP4のどちらで渡せばよいか分からない、と迷っていませんか。Figma Motionは便利ですが、通常のプロトタイプ共有やデザインデータの書き出しとは確認場所が少し違います。

この記事では、Figma Motionで書き出しできない時に見るべき原因を、プラン、権限、選択範囲、対応形式、共有リンク、開発者への渡し方まで整理します。Figma Motionはオープンベータのため仕様が変わる可能性がありますが、まず確認する順番を押さえておくと、作業の止まり方をかなり減らせます。

Figma Motionで書き出しできない原因

Figma Motionで書き出しできない時は、ファイルの不具合だけを疑うより、プラン、権限、選択している対象、書き出し形式、共有方法を順番に見た方が早いです。特に、書き出し機能は誰でも同じ条件で使えるとは限らないため、最初に条件を分けて確認しましょう。

まず結論を整理

結論から言うと、Figma Motionで書き出しできない時は、書き出したいアニメーションがFigma Motionで作られているか、必要な権限があるか、対応プランかを先に確認します。ここが合っていないと、設定をいくら触ってもExportに進めません。

Figmaの公式ヘルプでは、Figma Motionで作ったアニメーションをMP4、WebM、GIF、animated SVGとして書き出せること、そして利用条件としてFull seatや対象プラン、Can editまたはCan view and copy権限が必要であることが案内されています（出典：Figma Help「Export animations from Figma」）。

対応プランを確認

Figma Motionの書き出しは、無料プランや権限の弱い閲覧だけで常に使える機能として考えない方が安全です。公式ヘルプでは、Professional、Organization、Enterpriseプランなどの条件が示されており、さらにFull seatが必要とされています。

チームの中で自分だけ書き出しできない場合は、ファイルではなくアカウント側の条件が違う可能性があります。管理者に確認する時は、「自分の席種」「対象ファイルでの権限」「Figma Motionで作られたアニメーションか」をセットで伝えると話が早いです。

権限不足を見る

書き出しできない原因としてかなり多いのが、閲覧権限の不足です。Figmaの共有リンクでファイルを開けても、書き出しやコピーまで許可されているとは限りません。Can viewだけで見ている場合、確認はできても書き出し操作が制限される可能性があります。

クライアントや外部メンバーから共有されたファイルでは、特にこの点に注意です。ファイルオーナーに「Can edit」または「Can view and copy」が必要かを確認し、社外共有の場合は情報の見え方も合わせてチェックしましょう。

選択範囲を見直す

Figma MotionのExportは、どこを選択しているかでも迷いやすいです。キャンバス上の見た目だけを選んでいるつもりでも、実際には書き出したいアニメーション、フレーム、タイムライン上の対象が選択できていないことがあります。

Export操作に入る前に、左サイドバー、タイムライン、キャンバスのどこで対象を選んでいるかを確認します。特に複数のフレームや別パターンがある場合、書き出したい1つの動きが選ばれている状態にしてから進むのが安全です。

対応形式を確認

Figma Motionの書き出し形式は、用途によって選び方が変わります。公式ヘルプでは、MP4、WebM、GIF、animated SVGの書き出しが案内されています。ただし、すべての場面で同じ形式が最適というわけではありません。

GIFとMP4の違い

Figma MotionのGIFとMP4で迷ったら、まず「誰に、どこで見せるか」で決めます。チャットやNotion、Slackのような場所で短いループをざっくり見せるならGIFが便利です。一方、画質を保って動画として確認してもらうならMP4の方が扱いやすい場面が多いです。

ただし、GIFは思ったより容量が大きくなることがあります。逆にMP4は画質や容量のバランスが取りやすいものの、アプリや資料によっては埋め込み方に注意が必要です。レビュー用はGIF、提出・共有用はMP4というように役割を分けると判断しやすくなります。

Figma Motionで書き出しできない対処

原因を確認しても書き出しできない場合は、無理に動画化だけで解決しようとせず、共有リンク、開発者へのハンドオフ、プロトタイプ共有、画面収録なども選択肢に入れます。目的が「動きを伝えること」なら、書き出し以外で十分な場面もあります。

共有リンクで逃がす

書き出しができない時でも、レビュー目的なら共有リンクで十分な場合があります。Figma Motionのプレビューを相手に見てもらい、コメントで修正点を集める形にすれば、動画ファイルを作らずに進められます。

共有リンクを使う時は、リンクを知っている人全員が見られる設定になっていないか、コメントできる範囲は適切か、不要なページまで見えていないかを確認します。特にクライアント確認では、見せたいフローだけを整理してから共有する方が安全です。

開発者への渡し方

実装者へ渡す場合は、動画ファイルだけでは情報が足りないことがあります。大事なのは、動きの見た目だけでなく、開始位置、終了位置、時間、遅延、イージング、繰り返し、状態変化を伝えることです。

Figma公式ヘルプでは、Motionのハンドオフで開発者がトランジション、キーフレーム、イージング、タイミングなどを確認できることが案内されています（出典：Figma Help「Hand off motion to development」）。開発者には、共有リンクと合わせて「どの動きが採用版か」も明記しましょう。

再生と背景を確認

書き出し前には、サイズ、倍率、フレームレート、背景、ループ設定も確認します。背景を透明にしたいのか、白背景でよいのか、ループさせるのか、1回再生でよいのかによって、見え方とファイルサイズが変わります。

特にGIFはループと容量の影響を受けやすいです。資料に貼るだけなら軽さ優先、クライアント確認なら見やすさ優先、SNSやWeb掲載なら画質と再生環境を優先するなど、使い道を先に決めましょう。

直らない時の代替策

条件を満たしているのに書き出しできない時は、Figma側の一時的な不具合、ブラウザ、ネットワーク、ファイルの重さが関係している可能性もあります。ブラウザを変える、アプリ版で試す、ファイルを複製する、対象フレームを軽くする、といった切り分けを行います。

画面収録は、正式な素材提出には向きませんが、会議前の確認や社内レビューでは十分役に立ちます。ただし、画質やマウスカーソル、通知の映り込みには注意してください。

Figma Motion書き出しできない時のまとめ

Figma Motionで書き出しできない時は、まず対応プラン、Full seat、権限、選択範囲、Figma Motionで作られたアニメーションかを確認します。そのうえで、GIF、MP4、WebM、animated SVGの用途を分け、書き出しにこだわりすぎず共有リンクやハンドオフも使い分けましょう。