[Beta] ProtoPie MCP 现已上线!了解更多

[Beta] ProtoPie MCP 现已上线!了解更多

介绍 ProtoPie

入门

制作你的第一个原型

ProtoPie 生态系统

ProtoPie Studio 界面

导入

入门

从 Adobe XD 导入

从 Figma 导入

从 Sketch 导入

ProtoPie 精灵

基本元素

容器

设备

图层

预览窗口

场景

滚动/分页

快捷键

系统状态栏

触发条件与响应

缓动

注释

回复

时间线

触发器

公式

入门

功能

图层属性

语法

公式使用场景

变量

入门

变量

预定义变量

变量使用案例

AI

入门

AI 交互创作

AI 文档问答

AI 面板界面

获得最佳效果的提示

ProtoPie MCP

Getting Started

Studio MCP 介绍

Studio MCP 安装与设置

Code MCP Introduction

Code MCP 安装与设置

Dev View 开发者视图

自动布局

入门

自动布局属性

组件

入门

组件指南

编辑组件

嵌套组件

发送和接收消息

交互库

入门

管理交互库

管理图书馆会员

语音原型设计

入门

收听回复

朗读回复

应用场景

语音命令触发

连接设备

连接 blokdots

连接移动设备

ProtoPie Cloud

入门

管理原型

管理存储

共享原型

ProtoPie Player

测试原型

管理字体

离线测试

适用于 Wear OS 的 ProtoPie Player

团队

入门

编辑者和查看者

让您的团队快速上手

项目

团队所有者和团队管理员

交接

入门

创建交互录制

管理交互录制

录制页面

用户测试

入门

概述

创建测试房间

外部集成

管理测试会话

测试结果与分析

ProtoPie Cloud 上的用户测试

ProtoPie Connec

入门

API 插件

Arduino 插件

blokdots 插件

嵌入式 Connect

自定义层集成

自定义插件

连接设备

游戏手柄插件

IFTTT 插件

罗技 G29 方向盘插件

测试原型

功能比较

Unity 插件

ProtoPie 企业版

入门

组织设置

服务管理员

单点登录(SSO)

安全

概述

访问控制

数据传输、存储与备份

事件响应

网络与 ProtoPie Player 应用的安全性

物理安全

风险管理

菜单

介绍 ProtoPie

入门

制作你的第一个原型

ProtoPie 生态系统

ProtoPie Studio 界面

导入

入门

从 Adobe XD 导入

从 Figma 导入

从 Sketch 导入

ProtoPie 精灵

基本元素

容器

设备

图层

预览窗口

场景

滚动/分页

快捷键

系统状态栏

触发条件与响应

缓动

注释

回复

时间线

触发器

公式

入门

功能

图层属性

语法

公式使用场景

变量

入门

变量

预定义变量

变量使用案例

AI

入门

AI 交互创作

AI 文档问答

AI 面板界面

获得最佳效果的提示

ProtoPie MCP

Getting Started

Studio MCP 介绍

Studio MCP 安装与设置

Code MCP Introduction

Code MCP 安装与设置

Dev View 开发者视图

自动布局

入门

自动布局属性

组件

入门

组件指南

编辑组件

嵌套组件

发送和接收消息

交互库

入门

管理交互库

管理图书馆会员

语音原型设计

入门

收听回复

朗读回复

应用场景

语音命令触发

连接设备

连接 blokdots

连接移动设备

ProtoPie Cloud

入门

管理原型

管理存储

共享原型

ProtoPie Player

测试原型

管理字体

离线测试

适用于 Wear OS 的 ProtoPie Player

团队

入门

编辑者和查看者

让您的团队快速上手

项目

团队所有者和团队管理员

交接

入门

创建交互录制

管理交互录制

录制页面

用户测试

入门

概述

创建测试房间

外部集成

管理测试会话

测试结果与分析

ProtoPie Cloud 上的用户测试

ProtoPie Connec

入门

API 插件

Arduino 插件

blokdots 插件

嵌入式 Connect

自定义层集成

自定义插件

连接设备

游戏手柄插件

IFTTT 插件

罗技 G29 方向盘插件

测试原型

功能比较

Unity 插件

ProtoPie 企业版

入门

组织设置

服务管理员

单点登录(SSO)

安全

概述

访问控制

数据传输、存储与备份

事件响应

网络与 ProtoPie Player 应用的安全性

物理安全

风险管理

将 IFTTT 与 ProtoPie Connect 一起使用

什么是 IFTTT?

IFTTT 是一项网页自动化服务,可与多种设备和服务集成,包括 TwitterDropboxEvernoteFitbitAmazon Alexa,以及 Google Assistant

IFTTT 代表 “If This Then That(如果这样就那样)”,你在 IFTTT 中创建的 Applet 与 ProtoPie 的触发器和响应工作方式类似:如果这件事发生——那么那件事就会发生。

了解更多 IFTTT Applet

IFTTT 插件如何工作?

ProtoPie Connect 通过称为 Webhooks 的消息与 IFTTT 的合作服务通信。它们与 ProtoPie 中的发送和接收消息类似。一条消息(“事件”)会发送到 IFTTT,作为响应,IFTTT 会将该消息转换为一个操作。

通过将 ProtoPie Connect 与 IFTTT 的 Webhooks 结合使用,你可以将原型连接到其所有合作的网络服务和设备。

在 IFTTT 中创建 Applet

IFTTT 网站上创建一个账户。

配置触发器


{'_type': 'localeString', 'en': 'configuring-trigger-in-ifttt'}
  1. 登录后,点击 IFTTT 页面右上角的 Create

  2. If This 部分点击 Add,并搜索 Webhooks

  3. 选择“Receive a web request

  4. 为你的事件命名并点击 Create Trigger。名称中只能使用字母、数字和下划线(例如:“send_email”)

配置操作


{'_type': 'localeString', 'en': 'configuring-the-action-in-ifttt'}
  1. Then That 部分点击 Add 按钮

  2. Choose a service 字段中搜索你想要的操作

  • 例如,“Gmail” - “Send yourself an Email”

    3.   Configure the action fields
    3.   Configure the action fields
    3.   Configure the action fields
    3.   Configure the action fields
    3.   Configure the action fields
  • 填写“Subject、Body、To address、CC address、BCC address 和 Attachment URL”部分。点击 Add ingredient 按钮最多可添加 3 个可自定义值(”Value1, Value2, Value3”),这些值需要在 ProtoPie Studio 中进行配置(请参见在 ProtoPie Studio 中配置消息)

  • 点击 Update Action

  • 检查你的 Applet,然后点击 Finish

    4.   Your Applet is now active. It can be deactivated and reactivated by switching the **Connected** button
    4.   Your Applet is now active. It can be deactivated and reactivated by switching the **Connected** button
    4.   Your Applet is now active. It can be deactivated and reactivated by switching the **Connected** button
    4.   Your Applet is now active. It can be deactivated and reactivated by switching the **Connected** button
    4.   Your Applet is now active. It can be deactivated and reactivated by switching the **Connected** button

将 IFTTT 连接到 ProtoPie Connect

配置 ProtoPie Connect 以向 IFTTT 发送请求。

测试你的 Applet

  1. 打开并登录 ProtoPie Connect。


  2. 在插件下拉菜单中选择 IFTTT

    • 复制并粘贴你的私有 Webhook Key,你可以在 IFTTT 网站的 Explore → ”Webhooks” → Documentation 下找到它

    • 点击 Run 按钮


  3. 你可以在 Test 部分测试该 Applet

    • 输入你的事件名称和 JSON 负载

    • 点击 Send


{'_type': 'localeString', 'en': 'testing-your-applet'}

你可以前往 IFTTT 网站上的 My Applets 并点击 View activity,以验证你的 Applet 是否正常工作。


{'_type': 'localeString', 'en': 'view-activity-applet'}
  1. 你将收到一封电子邮件,其中包含 JSON 负载中指定的值。

在 ProtoPie Studio 中配置消息

现在你已经创建并测试了 Applet,接下来需要在原型中使用 ProtoPie Studio 配置相应的消息。

设置将触发 Applet 中操作的 Send 响应。

  • 使用通道“ProtoPie Studio”与 ProtoPie Connect 通信,并启用“Send Value Together”。

  • 如果你在 IFTTT Applet 中使用了一个或多个值,请配置你的 JSON 负载值。

{'_type': 'localeString', 'en': 'json-upload-ifttt'}
  • 在 ProtoPie Connect 中测试原型