Figma-在线设计协作平台

Figma是一款功能强大的在线设计协作工具。它支持用户界面（UI）和用户体验（UX）设计，提供丰富的设计元素和强大的编辑功能，让用户能够轻松创建出精美、专业的设计作品。

同时，Figma还支持多人实时协作，团队成员可以随时随地共同编辑和评论设计，极大地提高了工作效率。凭借其出色的性能和便捷的操作，Figma已成为众多设计师和团队的首选工具，推动了设计行业的数字化和协作化进程。

界面介绍

Figma的页面与一般的原型设计平台相似，中间是画布，左右两侧和下侧是工具栏部分。

Figma-在线设计协作平台

功能介绍

原型创作

要开始构建原型，你需要进入原型模式，你可以通过创建原型的路径和交互来定义用户的交互方式。

要进入原型模式，需要转到属性面板上方的 Prototype 选项卡：

Figma-在线设计协作平台

选择图层后，你将在原型选项卡中看到一些原型属性，你可以为图层或框架定义触发方式、动作和溢出行为。

使用 Device 下拉列表选择展示原型的设备。

选择设备以及演示尺寸：

Figma-在线设计协作平台

创建每个页面的框架，具体可以自行探索组件、图片和文字等。

单击并将节点拖动到你要将其连接到的框架 – 这将是目标框架。

蓝色箭头将建立连接，选择箭头并使用键盘上的Delete键可以删除连接。

这种默认使用“trigger”字段确定用户的哪些交互将触发原型从一个框架移动到另一个框架。

除此之外，还有Action和Transition可用。

除了简单跳转，还可以进行叠加。

叠加将使指定的框架出现在当前屏幕/框架上方。非常适合模拟弹窗、警报、确认消息、汉堡菜单、工具提示、打开屏幕键盘或其他屏幕提示或操作。

单击并将节点拖动到 Overlay 框架以创建原型连接。

Figma-在线设计协作平台

从选项中选择你要使用的触发类型。

在 Action 部分中，单击 Overlay 选项将屏幕视为叠加。

使用 Position 下拉列表确定要将叠加层放置的位置。其中，Manual 选项，该选项允许你在原始框架上手动定位叠加。

如果你正在构建更复杂或更高保真度的原型，那么你可能需要使用滚动溢出。

这样可以模拟更高级的用户交互；比如横滑导航、照片墙或互动地图，以及简单地允许用户向下滚动内容页面。

如果选择了合适的框架或组（即内容超出框架范围的框架），则可以在原型选项卡中选择所需的 Overflow Behavior

可以选择：

水平滚动 Horizontal Scrolling

垂直滚动 Vertical Scrolling

水平和垂直滚动 Horizontal & Vertical Scrolling

选择溢出行为时，你可能会收到一条警告消息，指出你的内容没有超出框架

要应用溢出行为，你需要修改所选框架的边界。你可以处于 Design 或 Prototype 模式以调整框架边界。

1. 选择要更新的框架。

2. 将框架调整到所需的高度或宽度。

3. 选中属性面板中 Clip Content 旁边的框。

当你准备好查看原型时，可以使用 Present 按钮，即屏幕右上角的播放图标。

团队协作

团队允许你与团队中的其他成员一起创建和共享资源，以及协作处理文件和项目。

单击屏幕左下角的 New Team 按钮

为了充分体验真正的协作式设计，你可以邀请你的同事或其它成员加入你的团队。

你可以确定每个团队成员对团队以及其中的项目或文件的控制权限。

在 Team Members 部分中，单击 + Invite a Team Member 链接可以邀请团队成员。

免责声明：本文内容，图片来源于互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权归其原作者所有。如发现本站有侵权/违法违规的内容，侵犯到您的权益，请联系站长，一经查实，本站将立刻处理。