Proto.io 移动原型设计

精选 Proto.io 常用指令与核心速查备忘单,涵盖高频用法、配置参数与实用技巧。 收录 Proto.io 移动 App 原型设计平台中 48 个键盘快捷键的可视化速查手册。

#键盘快捷键

#常用全局快捷键 (Main)

快捷键 执行操作
Ctrl F 查找 (Find)
Ctrl K 显示键盘快捷键帮助对话框
Ctrl S 保存项目 (Save)
Esc 关闭弹窗窗口 (Close modal)
Shift P 开启原型预览 (Preview)
Ctrl Shift S 保存并预览原型

#历史记录 (History)

快捷键 执行操作
Ctrl Z 撤销上一步操作 (Undo)
Ctrl Shift Z 重做被撤销的操作 (Redo)
Ctrl [ 跳转至上一个画布
Ctrl ] 跳转至下一个画布

#基础编辑 (Edit)

快捷键 执行操作
Ctrl A 全选元素 (Select all)
Ctrl X 剪切 (Cut)
Ctrl C 复制 (Copy)
Ctrl V 粘贴 (Paste)
Ctrl D 复制一份 (Duplicate)
Backspace 删除 (Delete)

#网格与参考线 (Grid)

快捷键 执行操作
Ctrl ' 开启/关闭网格 (Toggle grid)
Ctrl \ 开启/关闭网格系统
Ctrl ; 开启/关闭自定义参考线
Ctrl L 开启/关闭智能参考线
Alt 拖拽或调整大小时切换对齐网格

#视图导航 (View)

快捷键 执行操作
Ctrl + 放大画布 (Zoom in)
Ctrl - 缩小画布 (Zoom out)
Ctrl 0 缩放至 100% 原始尺寸
Ctrl 1 缩放至适应屏幕
Ctrl 2 缩放至所选图层 (未选择时缩放全图层)
Ctrl 3 将所选图层在画布中居中 (未选择时全图居中)
Ctrl Right 开启/隐藏右侧面板
Ctrl Left 开启/隐藏左侧面板
Space 按住空格键拖拽平移画布

#图层元素操作 (Item)

快捷键 执行操作
Ctrl Up 图层置于顶层 (Bring to front)
Ctrl Down 图层置于底层 (Send to back)
Ctrl Shift Up 图层上移一层 (Bring forward)
Ctrl Shift Down 图层下移一层 (Send backwards)
(arrows) 微调移动元素位置
Shift (arrows) 大幅步进移动元素
Shift 按住拖拽时锁定水平/垂直拖拽方向
R 插入矩形 (Rectangle)
O 插入椭圆 (Oval)
L 插入直线 (Line)
T 插入文本框 (Text)
I 插入热区交互区域 (Interaction area)
Enter 进入选中的容器内部

#编组操作 (Group)

快捷键 执行操作
Ctrl G 将所选元素编组 (Group)
Ctrl Shift G 解散所选元素的编组 (Ungroup)

#状态过渡预览 (States Preview)

快捷键 执行操作
Space 播放或暂停状态过渡动画
. 前进快进状态过渡
, 后退倒带状态过渡

#🔗 参考资源