行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

菜单

场景

设计项目中的场景类似于 Sketch 和 Adobe XD 中的画板,以及 Figma 中的顶层框架。要调整场景大小,你可以从 选择设备 菜单中选择设备,或输入自定义尺寸。

请注意,根据你的套餐,每个原型可添加的场景数量会有一定限制。有关更多信息,你可以参阅我们的 功能对比表


{'_type': 'localeString', 'en': 'scenes'}

在场景之间导航

ProtoPie 的场景不会像大多数设计工具那样并排显示。在 ProtoPie 中,你始终是逐个单独编辑场景。

标尺与参考线

在画布上对齐对象、形状或文本图层可能会比较困难。这时标尺与参考线就非常有用。这些可视化工具可帮助你快速且精准地对齐对象、测量距离,并更快完成原型制作。

显示/隐藏标尺

在 ProtoPie Studio 中,标尺会显示在画布区域的顶部和左侧。首先,请确保在 Labs 中启用标尺与参考线。要显示/隐藏标尺,请使用 Shift + R,或在应用程序菜单的“视图”下选择 显示/隐藏标尺

{'_type': 'localeString', 'en': 'Use Shift + R, or access this under View in the application menu.'}

创建参考线

要创建垂直或水平参考线,将鼠标悬停在标尺区域上,然后直接拖放调整大小光标即可。

{'_type': 'localeString', 'en': 'You can create vertical or horizontal guides by simply clicking either ruler.'}

移除参考线很简单。你可以通过以下三种方式完成。

  1. 选择一条参考线并按 Delete

  2. 将参考线拖回标尺区域。

  3. 前往“视图”并选择 清除参考线


{'_type': 'localeString', 'en': 'Select Clear Guides under View in the application menu to remove all guides.'}

即使在保存并退出原型后,参考线也会保持启用状态。不过,在打开一个全新的标签页时,它们不会显示。