ProtoPie 精灵

ProtoPie 精灵 是一款 Figma 插件，旨在通过在 Figma 原型中实现动态交互来增强设计工作流程。

简介

ProtoPie 精灵 简化了动态交互测试，加快了原型交付，并通过提供以下功能提升了原型体验：

• 快速原型交付： 将静态设计迅速转化为交互式原型。
• 动态交互测试： 无缝测试各种场景和交互。
• 令人印象深刻的原型体验： 让你的团队、客户和利益相关者对活灵活现的原型留下深刻印象。

如何入门？

可通过以下说明简单快速额的安装 ProtoPie Genie 插件。

1. 访问 Figma 社区页面。
2. 选择 “Open in...（在...中打开）”，为您未来的任务选择合适的文件。
3. 点击 “Run ”启动 “ProtoPie Genie”。

在 Figma 中单击右键，选择插件，运行 “ProtoPie Genie”，然后按照交互说明操作。

ProtoPie 精灵 插件如何工作？

ProtoPie 精灵中的“交互式输入框 （Interactive Input field）”功能使用户能够创建响应用户交互的动态输入字段。这些字段可以模拟真实世界的用户体验，从而使测试和完善设计变得更加容易。

使用交互式输入框

添加交互式输入框

1. 打开 ProtoPie 精灵 插件。
2. 在您的 Figma 设计中选择要转换为输入框的文本对象。
3. 单击“交互式输入框”菜单上的“+”按钮。

添加输出字段

1. 选择要用作值源的交互式输入字段。
2. 在“选择输出字段”部分下点击“+”按钮。
3. 在 Figma 页面中选择一个文本对象来显示输出。

预览交互

使用 ProtoPie 精灵 插件在 Figma 中预览交互过程非常简单。

预览单个交互

1. 在插件中选择要预览的交互。
2. 点击交互属性面板上的箭头按钮。

预览 Figma 流程

1. 从 ProtoPie 精灵 插件底部的选项中选择一个 Figma 流程。
2. 点击“预览”按钮。

支持的 Figma 对象

ProtoPie 精灵 插件支持多种 Figma 对象，包括：

• 文本
• 矩形
• 框架
• 组
• 组件
• 实例
• 布尔
• 矢量
• 椭圆

支持的 Figma 互动

ProtoPie 精灵 插件可以在预览期间无缝转换“点击（On Click）”和“导航到（Navigate to）”Figma 交互，确保全面了解设计的交互元素。

不支持的 Figma 对象和属性

目前对部分 Figma 对象和属性不提供支持：

• 不支持的对象：星形、线条、多边形、视频。
• 不支持的属性：可见性、锁定、位置、大小、旋转、不透明度、约束、填充（纯色和图像）、边框、阴影。