如何在 Figma 中制作可滚动资产

tasnim783

多米尼克·安德森 2023 年 9 月 1 日

发送邮件

在 Figma 中，要使内容可滚动，需要导航侧边标签。遗憾的是，它不会自动显示在主用户界面上。当您想要在设计框架内呈现大量信息时，可滚动内容非常有用。一些示例包括登录页面、应用界面或弹出窗口。

本文将解释如何使您的 Figma 设计可滚动。

在形状内添加可滚动的文本

让我们从在简单形状内制作可滚动文 尼泊尔TG粉 本开始。这是最常见的可滚动文本示例，之后您可以添加其他属性，如颜色、字体和轮廓。

以下是具体操作方法：

创建基本形状。在本例中，我们建议制作一个垂直矩形。您可以通过选择左侧边栏上的矩形工具或使用“R”命令来执行此操作。按住左键，单击画布点，然后绘制形状。

在右侧边栏的设计选项卡下，勾选“剪辑内容”选项旁边的复选框。

选择文本工具创建一个文本框并将其放置在可滚动框架内。输入或复制粘贴您正在使用的任何内容。

选择框架并转到界面右侧的原型选项卡。然后，选择“溢出滚动”选项和您喜欢的样式。这里我们选择“垂直滚动”。