[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 应用的安全性

物理安全

风险管理

滚动与分页使用场景

了解如何在常见场景中高效使用滚动和分页。探索如何为移动端和桌面端应用创建纵向和横向滚动视图。掌握正确配置滚动属性的方法,并为与滚动相关的交互选择合适的触发器和响应。

亲自体验这些原型并下载它们,以查看其交互方式。此外,浏览我们的教程,了解创建每个原型背后的分步流程。

找到你需要的使用场景。

  • 浏览社交媒体应用

  • 消息应用中的纵向滚动

  • 循环滚动轮播

  • 滚轮选择器

  • 从中间开始的滚动与分页

  • 无限分页滚动

浏览社交媒体应用

如同如今大多数社交媒体应用的工作方式一样,你可以创建横向和纵向滚动来浏览不同的个人资料和照片。了解如何为滚动视图添加边距,以保持与你的应用类似的 UI(滚动末尾留有空白)。


{'_type': 'localeString', 'en': 'browsing through a social media app'}

亲自试用该原型

学习如何分步创建此原型。

消息应用中的纵向滚动

在消息应用或电子邮件收件箱中上下滚动以查看消息。创建一个滚动容器,并学习如何设置自定义的初始滚动位置(例如从底部开始)。


{'_type': 'localeString', 'en': 'vertical scroll in a messaging app'}

亲自试用该原型

学习如何分步创建此原型。

循环滚动轮播

像在线购物网站或视频流媒体平台上的图片画廊一样,你可以创建幻灯片。了解如何使用 分页容器来制作轮播视图,以及如何在滚动时使用变量交替图片名称。


{'_type': 'localeString', 'en': 'looping scroll carousel'}

亲自试用该原型

学习如何分步创建此原型。

滚轮选择器

创建你自己的滚轮选择器来选择日期、时间等。滚轮选择器可让你非常快速地上下滚动浏览多个选项。它尤其在选项列表可能超出屏幕可用空间、无法完整显示时非常有用。


{'_type': 'localeString', 'en': 'wheel picker'}

亲自试用该原型

学习如何分步创建此原型。

从中间开始的滚动与分页

让你的页面从中间向左和向右两侧滚动。了解如何设置正确的容器属性来实现这一点。


{'_type': 'localeString', 'en': 'scroll paging from the middle'}

亲自试用该原型

学习如何分步创建此原型。

无限分页滚动

让你的页面在两个方向上无限滚动。了解如何使用分页容器对页面进行分组,以及如何使用范围触发器来启用无限滚动。


{'_type': 'localeString', 'en': 'infinite paging scroll'}

亲自试用该原型

学习如何分步创建此原型。