Figma如何实现移动端预览及溢出滚动

        先看看最终需要实现的效果：

• 原型预览的时候，外侧有手机；
• APP内容长度超过屏幕尺寸，可垂直滚动，但是底部菜单按钮固定，同时顶部时间、信号栏固定，仅中间内容部分滚动。

        如下图：

 一、实现预览带手机外框

1. 鼠标左键点击编辑区域的任意空白处，目的是避免选中任何组件。如下图红圈内的这种区域，鼠标单击：

    2.点击页面右上方【Prototype】按钮，然后在“Device”下点击选择预览适配的设备。以上，就实现了在预览时加上设备。

二、实现溢出的垂直滚动

1. 鼠标点选需要垂直滚动的页面；
2. 点击右侧的【Prototype】按钮；
3. 选择滚动的类型，Vertical scrolling表示垂直

    4. 将不需要滚动的元素固定

        第一步：点选需要固定的元素；

        第二步：点击右上方【Design】按钮

        第三步：勾选Fix position when scrolling，表示滚动时固定

        第四步：选择元素固定的位置，需要根据实际情况选择，例如底部导航栏选择“bottom”和"center"

        以上，全部步骤完成。