【Figma】画面固定したコンテンツがプロトタイプで表示されない理由

Figma のプロトタイプを制作する際に、フローティング(追尾)の仕様を追加したのに実際のプレビュー画面では表示されない場合は、プロパティパネルの「制約」を確認してみましょう。

追尾させたいコンテンツがプレビューするデバイスの画面幅内に収まっていない場合、画面の外で固定されていることになり、プロトタイププレビューでは見えない状態になります。

トップ階層の親フレームは通常、実デバイスより縦に長くなっているケースがほとんだと思いますので、画面下部に固定するコンテンツは、制約も「下」を選択、画面上部に固定するコンテンツは「上」を選択しましょう。

これを指定することで、「フレームの上から〜ピクセルで固定」「フレームの下から〜ピクセルで固定」という指示になり、プレビュー画面の外でコンテンツが固定されて表示されない状況を打開することができます。

当ゆけブログでは、バナーデザインやデザイン講座、その他の相談を随時受け付けています!お気軽にご相談ください!

最新記事
  • カテゴリー
  • 月別
  • Twitter

    関連記事

    最新記事NEW

    CONTACTCONTACT CONTACTCONTACT

    お問い合わせ

    ご意見やお仕事のご依頼などは以下よりご連絡ください。

    情報入力

    内容確認

    完了

      お名前必須

      フリガナ必須

      メールアドレス必須

      お問い合わせ内容