Figmaのプロトタイプで横スクロールする方法

Figmaのプロトタイプでカルーセルを作成するときなど、横スクロールさせたいときはありませんか？

今回は横スクロールの設定方法を簡単に紹介します。

1. 横スクロールさせたい要素をフレーム化

2. フレームをスクロールさせたい範囲に調整する

3. プロトタイプ > スクロールの動作 > オーバーフローにて水平を選択

4. プロトタイプで挙動を確認

フレームではなくグループ化をしてしまうと、大きさを調整する際に中の要素も一緒に拡大縮小してしまうので間違えないように注意しましょう。

このプロトタイプを活用すると、チームメンバーに実装後のイメージを伝えやすくなりますね！

この記事の関連シリーズ

Figmaの役立つTips特集

FigmaでのWebデザインやUIデザイン制作に、知っておくと役立つFigmaの便利な使い方やショートカットを紹介する連載企画。プラグインやウィジェットなど、『Figma Community』に公開されているおすすめのリソースも紹介！