行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

发布

5

阅读时间

ProtoPie的新功能?ProtoPie Connect 中的网页嵌入和摄像头画面

隆重推出 Stage Views:在这里,ProtoPie 原型可与网页内容、实时摄像头画面等自定义图层无缝集成。

尤利娅·索罗多克, ProtoPie 的产品营销经理
connect ai agents like claude, cursor and more to protopie via mcp

在 ProtoPie Connect 2.7.0 中,我们非常高兴地宣布可以将 ProtoPie 原型与自定义图层(如网页内容和实时摄像头画面)集成。让我们来探索如何利用这些功能打造沉浸式用户体验。

通过网页嵌入内容增强真实感与交互性

借助全新的网页嵌入图层,将任意网页内容无缝整合到你的设计中,提升你的 ProtoPie 原型表现。这非常适合在设计中添加来自 Spline、Rive 或 Bezi 等平台的交互式 3D 对象。

视频

为了演示使用此功能有多简单,我们来看看如何将来自 Spline 的 3D 汽车 iframe 嵌入到 ProtoPie 原型中,如上图所示。

  1. 在 Spline 中打开你的 3D 设计并导出。

  2. 从“Public URL”部分复制嵌入代码。

  3. 在 ProtoPie Connect 的 Stage 中,添加一个“Web embed”图层。

  4. 将嵌入代码粘贴到 Web embed 属性面板中的 URL 字段。

借助这一新功能,你还可以嵌入来自 Mapbox 或 Google 的交互式地图,为设计增加更多层次和语境。

视频

而且可能性不止于此。你不仅可以导入 3D 对象和地图,还可以通过 URL 或 iframe 代码片段整合任意网页内容。

这意味着你可以嵌入可在浏览器中运行并具有 URL 的代码原型,并与 ProtoPie 配合使用。对于在原型制作中需要使用编码的高级用户来说,这一功能尤其有益。此外,如果你正在与拥有现成代码原型的团队协作,这一功能将使在 ProtoPie 环境中的集成与交互更加顺畅。

探索升级的摄像头画面体验


add camera feeds and live streaming URLs to your prototypes


*轻松将摄像头画面和实时流 URL 添加到你的原型中,以获得实时视觉上下文。*

轻松将摄像头画面和实时流 URL(HLS)添加到你的原型中,以获得实时视觉上下文。通过 Live camera 图层集成摄像头画面可用于以下实际场景:

  • 互动游戏:设计利用摄像头画面的互动游戏,以实现基于手势的控制,或将玩家周围环境融入游戏玩法。

  • 活动直播:为活动直播平台制作应用原型,使用户能够查看并与活动的实时摄像头画面互动。

  • 增强现实(AR)体验:利用摄像头画面将数字内容叠加到现实环境中,打造沉浸式 AR 体验。

  • 汽车行业:实现用于车辆泊车辅助、安全辅助及其他应用的摄像头画面。

  • 机器人行业:将摄像头画面集成到机器人系统中,以增强感知与交互能力。

  • 医疗科技行业:将摄像头画面用于手术机器人和医学成像系统等应用,提升医疗场景中的精度与效率。

视频

发现 Stage View,提升原型制作体验

想象一下,将你的 Stage 视为一块画布,ProtoPie 原型可与网页嵌入、3D 模型和摄像头画面等自定义图层无缝融合,全面提升你的原型制作体验。

添加并配置图层后,你可以通过拖放在 Stage 中轻松重新排列它们。准备就绪后,点击 View 预览你的 Stage。

探索 Stage View 的可能性:

  • 非常适合实现如 GNB 这样的全局组件;

  • 无缝集成背景音乐文件以实现持续播放;

  • 将复杂用户界面的不同部分分配给不同原型,并在 Stage View 上合并它们,而不是把所有内容都放在一个原型中完成。

视频

将你的创造力提升到新高度

借助 ProtoPie Connect 2.7,你可以将创造力提升到新的高度。Web embed 图层、Live camera 图层和 Stage View 打开了无限可能。这些功能让你离愿景更近一步,帮助你打造真正令人难忘的用户体验。