Ishibashi

勉強記録です

figmaで横スクロールのプロトタイプのつくり方

やりたいこと

以下のような、figmaで横スクロールのプロトタイプの作成

f:id:mn1021:20210526012539g:plain

今回スクロールしたい範囲はこちらです。

f:id:mn1021:20210526002559j:plain:w300

手順

1.スクロールしたい範囲を選択

f:id:mn1021:20210526002605j:plain:w300

2.スクロールしたい範囲を領域に合わせて、青い枠を表示したい領域に合わせる

f:id:mn1021:20210526011243j:plain:w300

3.Designタブより、Frameを選択しClip contentにチェックを入れる

f:id:mn1021:20210526011332j:plain:w300

4.最後にprototypeタブより、No scrollingとなっているプルダウンからHorizontal scrollingを選択し完成!

f:id:mn1021:20210526011738j:plain:w300