ProtoPie 精灵
ProtoPie 精灵 是一款 Figma 插件,旨在通过在 Figma 原型中实现动态交互来增强设计工作流程。
简介
ProtoPie 精灵 简化了动态交互测试,加快了原型交付,并通过提供以下功能提升了原型体验:
- 快速原型交付: 将静态设计迅速转化为交互式原型。
- 动态交互测试: 无缝测试各种场景和交互。
- 令人印象深刻的原型体验: 让你的团队、客户和利益相关者对活灵活现的原型留下深刻印象。
如何入门?
可通过以下说明简单快速额的安装 ProtoPie Genie 插件。
- 访问 Figma 社区页面。
- 选择 “Open in...(在...中打开)”,为您未来的任务选择合适的文件。
- 点击 “Run ”启动 “ProtoPie Genie”。
在 Figma 中单击右键,选择插件,运行 “ProtoPie Genie”,然后按照交互说明操作。
ProtoPie 精灵 插件如何工作?
ProtoPie 精灵中的“交互式输入框 (Interactive Input field)”功能使用户能够创建响应用户交互的动态输入字段。这些字段可以模拟真实世界的用户体验,从而使测试和完善设计变得更加容易。
使用交互式输入框
添加交互式输入框
- 打开 ProtoPie 精灵 插件。
- 在您的 Figma 设计中选择要转换为输入框的文本对象。
- 单击“交互式输入框”菜单上的“+”按钮。
添加输出字段
- 选择要用作值源的交互式输入字段。
- 在“选择输出字段”部分下点击“+”按钮。
- 在 Figma 页面中选择一个文本对象来显示输出。
预览交互
使用 ProtoPie 精灵 插件在 Figma 中预览交互过程非常简单。
预览单个交互
- 在插件中选择要预览的交互。
- 点击交互属性面板上的箭头按钮。
预览 Figma 流程
- 从 ProtoPie 精灵 插件底部的选项中选择一个 Figma 流程。
- 点击“预览”按钮。
支持的 Figma 对象
ProtoPie 精灵 插件支持多种 Figma 对象,包括:
- 文本
- 矩形
- 框架
- 组
- 组件
- 实例
- 布尔
- 矢量
- 椭圆
支持的 Figma 互动
ProtoPie 精灵 插件可以在预览期间无缝转换“点击(On Click)”和“导航到(Navigate to)”Figma 交互,确保全面了解设计的交互元素。
不支持的 Figma 对象和属性
目前对部分 Figma 对象和属性不提供支持:
- 不支持的对象:星形、线条、多边形、视频。
- 不支持的属性:可见性、锁定、位置、大小、旋转、不透明度、约束、填充(纯色和图像)、边框、阴影。