Figma常用快捷键:提升设计速度 – wiki基地

Figma 常用快捷键:提升设计速度

Figma 作为一款协作式 UI 设计工具,凭借其强大的功能和便捷的操作,深受设计师们的喜爱。掌握 Figma 的快捷键,能够显著提升设计效率,让你在设计流程中更加游刃有余。本文将详细介绍 Figma 的常用快捷键,涵盖各种场景,助你成为 Figma 高效用户。

一、全局导航与操作

  • 查找与替换 (Ctrl/Cmd + F): 快速查找和替换文本内容,包括图层名称、文本框内容等。
  • 缩放 (Ctrl/Cmd + +/- 或 鼠标滚轮): 放大缩小画布,方便查看细节或整体布局。
  • 适应屏幕 (Ctrl/Cmd + 0): 将整个设计稿适应当前屏幕大小。
  • 居中对齐画布 (Ctrl/Cmd + 1): 将设计稿居中显示在画布中央。
  • 显示/隐藏 UI (Ctrl/Cmd + ): 隐藏 Figma 的界面元素,获得更大的设计区域。
  • 撤销 (Ctrl/Cmd + Z): 撤销上一步操作。
  • 重做 (Ctrl/Cmd + Shift + Z 或 Ctrl/Cmd + Y): 重做已撤销的操作。
  • 复制 (Ctrl/Cmd + C): 复制选中的图层或对象。
  • 粘贴 (Ctrl/Cmd + V): 粘贴复制的内容。
  • 剪切 (Ctrl/Cmd + X): 剪切选中的图层或对象。
  • 删除 (Delete 或 Backspace): 删除选中的图层或对象。
  • 全选 (Ctrl/Cmd + A): 选中画布上的所有图层或对象。
  • 取消选择 (Esc): 取消所有选中状态。
  • 保存 (Ctrl/Cmd + S): 保存当前设计稿。

二、图层操作

  • 创建组件 (Ctrl/Cmd + Alt + K): 将选中的图层转换为组件。
  • 分离实例 (Ctrl/Cmd + Alt + B): 将选中的组件实例分离为独立的图层。
  • 创建群组 (Ctrl/Cmd + G): 将选中的图层组合成一个群组。
  • 取消群组 (Ctrl/Cmd + Shift + G): 将选中的群组解散。
  • 重命名图层 (Enter 或 双击图层名称): 重命名选中的图层。
  • 显示/隐藏图层 (Ctrl/Cmd + Shift + H): 隐藏或显示选中的图层。
  • 锁定/解锁图层 (Ctrl/Cmd + Shift + L): 锁定或解锁选中的图层,防止误操作。
  • 向上/向下移动图层 (Ctrl/Cmd + ] / Ctrl/Cmd + [): 调整图层的层级顺序。
  • 置顶/置底图层 (Ctrl/Cmd + Shift + ] / Ctrl/Cmd + Shift + [): 将图层置于最顶层或最底层。
  • 复制图层 (Ctrl/Cmd + D): 快速复制并偏移选中的图层。
  • 创建 Frame (F): 创建一个 Frame,用于组织和布局设计元素。
  • 进入/退出 Frame (Enter): 进入或退出选中的 Frame。

三、设计工具

  • 选择工具 (V): 选择和移动图层。
  • 移动工具 (V): 移动选中的图层。
  • 缩放工具 (K): 缩放选中的图层。
  • 文本工具 (T): 创建和编辑文本。
  • 矩形工具 (R): 创建矩形。
  • 椭圆工具 (O): 创建椭圆或圆形。
  • 线条工具 (L): 创建直线或路径。
  • 钢笔工具 (P): 创建自定义路径。
  • 铅笔工具 (Shift + P): 手绘线条。

四、对齐与分布

  • 左对齐 (Alt + A): 将选中的图层左对齐。
  • 右对齐 (Alt + D): 将选中的图层右对齐。
  • 顶对齐 (Alt + W): 将选中的图层顶对齐。
  • 底对齐 (Alt + S): 将选中的图层底对齐。
  • 水平居中对齐 (Alt + H): 将选中的图层水平居中对齐。
  • 垂直居中对齐 (Alt + V): 将选中的图层垂直居中对齐。
  • 水平分布 (Alt + Shift + H): 将选中的图层水平均匀分布。
  • 垂直分布 (Alt + Shift + V): 将选中的图层垂直均匀分布。

五、原型设计

  • 创建原型连接 (Ctrl/Cmd + 拖动): 创建图层之间的交互连接。
  • 播放原型 (Ctrl/Cmd + Shift + P): 预览原型交互效果。

六、插件与其他

  • 运行插件 (Ctrl/Cmd + /): 打开插件运行窗口。

七、高效技巧

  • 活用数字输入: 在调整图层大小、位置、旋转角度等属性时,可以直接输入数值,更加精确高效。
  • 结合布尔运算: 使用布尔运算(Union, Subtract, Intersect, Exclude)创建复杂的形状。
  • 利用组件和变体: 使用组件和变体可以有效地管理和复用设计元素,减少重复工作。
  • 善用约束: 使用约束功能可以使图层在 Frame 缩放时保持相对位置和大小。
  • 自定义快捷键: Figma 支持自定义快捷键,可以根据自己的习惯进行设置,进一步提升效率。

八、持续学习

Figma 的功能和快捷键非常丰富,本文只是列举了其中一部分常用的快捷键。建议你查阅 Figma 官方文档,了解更多快捷键和技巧,不断提升自己的设计效率。 持续学习和实践是掌握 Figma 的关键,熟练运用快捷键能够让你在设计过程中更加得心应手,创造出更优秀的设计作品。 通过不断练习和探索,你将能够充分发挥 Figma 的强大功能,将设计理念转化为现实。

希望本文能够帮助你更好地了解和运用 Figma 的快捷键,提升你的设计速度和效率。 记住,熟能生巧,只有不断练习才能将这些快捷键融入到你的日常设计工作中。 不断探索 Figma 的新功能和技巧,你将发现更多惊喜,让你的设计之路更加顺畅。

滚动至顶部