01
引言
Figma是一款功能强大的在线设计协作工具。它支持用户界面（UI）和用户体验（UX）设计，提供丰富的设计元素和强大的编辑功能，让用户能够轻松创建出精美、专业的设计作品。同时，Figma还支持多人实时协作，团队成员可以随时随地共同编辑和评论设计，极大地提高了工作效率。凭借其出色的性能和便捷的操作，Figma已成为众多设计师和团队的首选工具，推动了设计行业的数字化和协作化进程。
Part.1
工具简介
类别：在线网页原型设计工具
平台：Windows、Mac等
软件语言：英文
是否免费：免费
主要功能：提供原型设计、UI/UX设计等功能，支持团队协作，拥有丰富的设计功能和组件库。
Part.2
获取途径
访问：https://www.figma.com/
Part.3
界面介绍
Figma的页面与一般的原型设计平台相似，中间是画布，左右两侧和下侧是工具栏部分。
02
功能介绍
原型创作
要开始构建原型，你需要进入原型模式，你可以通过创建原型的路径和交互来定义用户的交互方式。
要进入原型模式，需要转到属性面板上方的 Prototype 选项卡：
选择图层后，你将在原型选项卡中看到一些原型属性，你可以为图层或框架定义触发方式、动作和溢出行为。
使用 Device 下拉列表选择展示原型的设备。
选择设备以及演示尺寸：
创建每个页面的框架，具体可以自行探索组件、图片和文字等：
单击并将节点拖动到你要将其连接到的框架 - 这将是目标框架。
蓝色箭头将建立连接，选择箭头并使用键盘上的Delete键可以删除连接。
这种默认使用“trigger”字段确定用户的哪些交互将触发原型从一个框架移动到另一个框架。
除此之外，还有Action和Transition可用。
除了简单跳转，还可以进行叠加。
叠加将使指定的框架出现在当前屏幕/框架上方。非常适合模拟弹窗、警报、确认消息、汉堡菜单、工具提示、打开屏幕键盘或其他屏幕提示或操作。
单击并将节点拖动到 Overlay 框架以创建原型连接。
从选项中选择你要使用的触发类型。
在 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 链接可以邀请团队成员。
在多人、版本控制的设计文件中协同工作，可以通过评论获得上下文反馈。
03
工具小结
总的来说，Figma作为一款在线设计工具，以其出色的原型创作和团队协作功能脱颖而出。在原型创作方面，它提供了丰富的设计元素和交互功能，帮助设计师快速实现创意；在团队协作方面，它支持多人实时编辑和评论，打破了地域限制，提升了团队工作效率。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
