Figmaで画像がダウンロードできない｜枠だけ保存される原因と対処法

こんにちは。いっきー(@ikirin_web)です。

Figmaで画像をダウンロードしようとした際、
「画像は見えているのに、エクスポートすると枠（フレーム）だけが保存される」
という現象が起きたので、原因と解決方法をメモとして残します。

同じことでつまづいた方の参考になれば嬉しいです。

Figmaで画像がダウンロードできないときの対処法｜枠（フレーム）だけ保存される原因はこれでした

■ 発生した問題

Figmaで画像を選択し、右側のプロパティパネル → エクスポートをクリックしても、

• プレビューが透明で画像が表示されない（下記の画像参照）
• ダウンロードしても“枠だけ”保存される

という状態になっていました。

■ 原因

エクスポート欄の「…」をクリックすると、「重なり合うレイヤーを無視する」 にチェックが入っていました。

Figma公式によると、、、

今回私が遭遇した現象は、この「重なり合うレイヤーを無視」にチェックが入っていたために、画像がプレビューで透明になり、枠だけが出力されていたようです。

■ 解決方法

「重なり合うレイヤーを無視する」のチェックを外すだけ でOKでした！
チェックを外した途端、プレビューにも画像が表示され、正常にダウンロードできるようになりました。

まとめ

たった一つのチェックに気づかず、めちゃくちゃ時間を溶かしてしまったので備忘録として残します。同じ現象で困っている方の助けになれば嬉しいです。

最後まで読んでいただき、ありがとうございました。

📎 参考

• エクスポート形式および設定（Figma公式）