商品图片横着滑、长页面往下滚，都是原型中常见的交互。制作Figma滚动页面时，先把画板想成一个窗口：窗口只显示一部分内容，超出的内容通过滚动查看。设置好内容尺寸和滚动方向后，就可以在演示中体验。
1. 在Figma中设置横向或纵向滚动
- 准备Frame。将需要滚动的内容放进Frame，让内容在目标方向上超出边界。例如图片条总宽度大于可见窗口宽度。
- 选择滚动方向。选中Frame，打开Prototype，在Scroll behavior中的Overflow选择Horizontal、Vertical或Both directions。
- 整理视口。在Design中启用Clip content，隐藏窗口外的内容，再进入演示查看效果。
横向适合图片条或卡片推荐区，纵向适合文章和列表页。页面中只有局部区域需要横滑时，把它单独放进一个内层Frame，再放回完整页面。
2. 设置了滚动，为什么还是滑不动？
- 内容没有超出窗口：减小可见Frame的宽度或高度，保持内部内容尺寸不变。
- 图层没有放进Frame：在左侧图层面板展开容器，确认内容是它的子图层。
- 选中的是编组：先将内容放进Frame，再为Frame设置Overflow。
- 自动布局把窗口撑大了：将内容放入一个尺寸明确的外层Frame，让外层负责可见区域与滚动。
如果希望团队在中文界面里一起调整和演示原型，可以在Pixso中制作同样的横滑图片列表。下面从整理图片开始，完成一条可直接预览的交互。
3. 在Pixso中整理横滑图片列表
打开Pixso工作台，新建或打开需要制作原型的文件。已经有Figma页面时，也可以先导入设计稿，继续编辑里面的图片与卡片。
按住Shift选择图片，将它们沿水平方向排列，并留出一致的间距。图片列表总宽度应大于页面中准备显示的宽度。
可以先把图片创建为编组，便于整体管理；然后将这组内容创建为画板，让画板充当横向滚动的可见窗口。
4. 调整可见窗口并开启水平滚动
把图片画板放到页面合适的位置，缩小它的可见宽度，让右侧保留未显示的图片。注意只调整窗口范围，避免把所有图片一起压缩到窗口内部。
选中这块画板，切换到右侧原型面板，在溢出滚动选项中选择水平滚动。
5. 演示与分享原型
点击顶部演示按钮，在预览页面中横向拖动图片条，检查第一张和最后一张图片能否完整查看。再回到编辑器调整间距和窗口宽度，让列表在页面里保持合适的节奏。
完成后可以把原型分享给协作者，围绕图片尺寸、滑动范围和页面位置收集反馈。现在进入Pixso，制作一个横滑图片列表，就能把静态页面变成可讨论的交互演示。
参考：Figma滚动与溢出说明。
