为产品设计解决方案建立原型
客户对解决方案感到满意后，你可以使用设计和原型设计工具（例如 Figma，Sketch 和 Invision 或 Adobe XD）来
创建可点击的原型。
原型工具的例子
我个人建议使用 Figma，它是一款具有设计和原型设计功能的复合工具。Figma 社区 —— 一个很好的存储库，允许复
用和重组其他用户发布的现有模板，与 Github 类似，但专用于设计。目前，Figma 模板已经创建了设计系统，你可以
观看平台教程，来了解如何使用预制组件将屏幕拼合在一起。
1. 创建组件
组件可以有效加快设计工作流程 。第一次将 UI 元素转换为组件时创建的，即为主组件， 它定义了该组件的属性。实例
是主组件的副本，你可以在整个设计中重复使用的它。
编辑主组件会将更改应用于实例
2. 使用设计系统
设计系统是构建产品元素的集合，可以组合并重复使用。不仅能够加快设计工作流程，还可以保持设计一致性。你可以
通过访问此列表，找到其他公司构建的设计系统。
3. 原型制作
请使用节点将屏幕的交互和过渡状态连接在一起。你可以通过编辑 “原型” > “交互和动画” 中的设置来指定动画。
编辑主组件会更改应用于实例
4. 预览原型
如果你已经创建了移动原型，可以使用 Figma Mirror 在移动设备上查看并与之交互。在你的 Figma 桌面应用程序上
选择一个框架，然后就可以在手机上进行观看！
文章来源于TCC翻译情报局 ，版权归原作者所有