Principle 键盘快捷键速查指南：macOS 交互原型设计工具的 30 个高频快捷键

文档教程知识库【免费下载链接】reference⭕ Share quick reference cheat sheet for developers.项目地址https://gitcode.com/gh_mirrors/re/reference点击查看免费下载本指南以仓库速查表 source/_posts/principle.md 为核心完整梳理 PrinciplemacOS 专属的交互原型设计工具中 30 个最常用的键盘快捷键覆盖图层创建、编辑调整、画布导航、对象选择与原型预览五大操作场景。读完本文你可以脱离鼠标完成从新建图层、组织层级到录制原型演示视频的完整工作流。Principle 与这份速查表的定位Principle 是一款仅支持 macOS 的设计工具专注于交互动效原型的快速搭建——设计师可以在其中为多屏界面创建可点击的交互流程并直接录制演示视频。原文档在 Front Matter 中将其归类为Keyboard Shortcuts键盘快捷键类别并标注label: Mac与intro说明A visual cheat-sheet for the 30 keyboard shortcuts found in Principle. This application is MacOS-only.在这份速查表中30 个快捷键被划分为五个功能组Layers图层、Editing编辑、Canvas Navigation画布导航、Selection选择与 Preview预览。在 Reference 仓库中这类速查表以 Markdown 源文件的形式存放在 source/_posts 目录由主题系统渲染为带键帽样式kbd 风格的视觉化快捷键卡片。Layers图层的新建与层级组织图层操作是 Principle 中使用频率最高的一组快捷键涵盖创建元素、组合图层与调整堆叠顺序三大类。第一行R/T/A对应画布中最常用的三类对象矩形Rectangle、文本Text与画板Artboard按住Opt再按对应字母则会把新对象直接添加为当前选中图层的子图层省去后续手动拖拽进图层面板的步骤。快捷键动作R添加矩形OptR以子图层方式添加矩形T添加文本OptT以子图层方式添加文本A添加画板CmdG编组CmdShiftG取消编组Cmd]前移一层CmdShift]置顶Cmd[后移一层CmdShift[置底其中编组CmdG/CmdShiftG与移动层级Cmd[/]及其Shift变体是所有设计工具通用的层级管理范式不带Shift的按键逐层移动带Shift的按键一步到位移动到最前或最后。在绘制复杂交互动效时配合Opt修饰键创建父子层级可以让同一组元素作为一个整体响应交互状态。Editing微调与重命名编辑组只有 4 个快捷键但都是高频操作。方向键负责微调Nudge按住Shift后变为大步幅移动Large nudge用于快速对齐或间距调整CmdD快速复制对象CmdR直接进入图层重命名状态。快捷键动作(方向键)微调位置Shift(方向键)大步距微调CmdD复制对象CmdR重命名图层在原型设计的实际流程中CmdD复制后紧接着用CmdR重命名是搭建多状态页面例如按钮的 default / hover / pressed 三态时的高效组合套路。Canvas Navigation画布漫游与缩放画布导航组解决怎么看的问题按住Space拖拽可平移画布Cmd配合数字键完成从局部放大到全局缩放的整套操作。其中Cmd1缩放至全部、Cmd2缩放至选中对象、Cmd3居中选中对象、Cmd0实际尺寸四个数字快捷键把常见的视图预设映射到单个按键上。快捷键动作Space(拖拽)平移画布Cmd放大Cmd-缩小Cmd1缩放到全部内容Cmd2缩放到选中对象Cmd3居中选中对象Cmd0缩放到实际尺寸这一组快捷键与 Sketch、Figma 等同类工具的缩放逻辑高度一致数字键对应适配内容/适配选中从其他设计工具迁移到 Principle 的设计师几乎可以零成本上手。Selection层级树中的精准选择Selection 组解决的是选中谁的问题特别适合在图层面板层级较深时快速在父子、兄弟节点之间跳转Esc向上一层选中父级Enter向下一层选中子级Tab/ShiftTab在同级兄弟之间循环切换CmdA选中全部同级对象。快捷键动作Esc选中父级Enter选中子级Tab选中下一个同级对象ShiftTab选中上一个同级对象CmdA选中所有同级对象Preview原型回放与视频录制Preview 组是 Principle 区别于普通设计软件的特色能力。按W可回退原型到初始状态CtrlV开始录制原型演示视频按住CtrlOptV则录制时不包含鼠标光标——两者都用于把交互原型直接输出为演示素材。快捷键动作W回退原型CtrlV开始录制视频CtrlOptV开始录制视频不含光标这些快捷键在仓库中是如何渲染的Reference 仓库把每个速查表做成独立的 Markdown 源文件其中 principle 速查表位于 source/_posts/principle.md。原文档用{.shortcuts}类标记快捷键表格——主题通过markdown-it-attrs插件解析这类{.class}后缀再交由 themes/coo/scripts/markdown_plugin.js 中注册的 markdown-it 渲染链处理。快捷键的键帽视觉效果由 themes/coo/source/css/components/layout_table.css 实现.mdLayout table.shortcuts td:not(:last-child) code选择器把表格首列快捷键列中的每个code渲染成带边框、背景与内阴影的独立键帽letter-spacing: 0.075rem让多个按键组合保持清晰的间距kbd元素也复用同一样式。此外表格默认隐藏表头thead { display: none }、首列禁止换行white-space: nowrap并在移动端自动降级为可换行保证速查表在桌面和手机上都可读。从结构上看文档中的## Keyboard Shortcuts会被 markdown_plugin.js 的headerSections规则包装成卡片分组H2 对应外层容器、H3 对应独立卡片配合{.row-span-2}等布局类控制卡片跨行显示README 中的 目录结构说明 也印证了source/_posts即速查表源文件目录的约定。使用建议与记忆要点这 30 个快捷键可按高频优先的思路分三批掌握第一批新建与编辑R/T/A建元素CmdD复制CmdR重命名方向键微调——覆盖 80% 的日常操作第二批层级与视图CmdG编组、Cmd[/]调层级Cmd1/2/0切换视图Space拖拽平移第三批选择与预览Esc/Enter/Tab在层级树中游走CtrlV一键录制原型演示。需要注意的是本表收录的是 Principle 官方文档中的 30 个高频默认快捷键且仅针对 macOS 平台原文档标注MacOS-only。如果你在官方文档中看到更完整的快捷键列表两者并不冲突——这份速查表正是从其中提炼出的最高频子集。将其加入浏览器收藏或在需要时快速查阅 source/_posts/principle.md即可在原型制作过程中随时离开鼠标。赞分享文档教程知识库【免费下载链接】reference⭕ Share quick reference cheat sheet for developers.项目地址https://gitcode.com/gh_mirrors/re/reference点击查看免费下载相关推荐PhpStorm 键盘快捷键速查指南96 个高频快捷键全分类详解PhpStorm 键盘快捷键速查指南96 个高频快捷键全分类详解 本文是基于 Quick Reference 速查清单项目本仓库中 docs/phpsto文档教程GitLab 键盘快捷键速查表58 个高频快捷键全面掌握指南GitLab 键盘快捷键速查表58 个高频快捷键全面掌握指南 本文是 jaywcjlove/reference 开源项目《 GitLab 键盘快捷键 备忘清单文档知识库教程开发工具Android Studio 键盘快捷键完全速查表130 个高频快捷键的分组实战指南Android Studio 键盘快捷键完全速查表130 个高频快捷键的分组实战指南 本篇指南以开源项目 Reference 中收录的 android stu文档教程知识库上一篇GitHub Copilot SDK 实战指南Java 版七大可运行用例详解下一篇ESLint no-restricted-modules 规则详解用 require 精确限制 Node.js 模块使用创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考