Figma 中的复杂垂直滚动原型

Question

我正在尝试为桌面登陆页面创建原型，其中在维护图像和文本框之间的相对垂直滚动关系的同时，还维护了页面范围的垂直关系。我本质上是试图模仿页面上的垂直滚动，其中文本和图像对根据用户的滚动输入爬入屏幕，并且使图像和文本对以不同的速度爬行并短暂地粘在一起。

更详细的描述在附图中 => 预期滚动图

有人知道如何在 Figma 中做到这一点吗？我不确定 Figma 的原型设计功能是否有可能实现这一点。如果不是，谁能告诉我什么是 UI 原型设计。

我尝试过使用组件原型函数。但说实话我很困惑。

Answer 1

我相信您可以通过使用帧之间的过渡以及智能动画模式来实现这一点。

您需要多个高度较小的框架，而不是一个高框架：

请注意，在图层面板中，绿色矩形已出现在第 1 帧上。它是不可见的，因为它已被移“出”帧，即使它位于帧内部。这很重要，因为智能动画会将绿色矩形的位置从 1 移动到 2，并使其沿特定路径移动。

请告诉我这是否有帮助以及您是否需要更多帮助。祝你好运！