回所有课程
课程库

Webflow的键盘快捷键

使用键盘快捷键在Webflow尽可能快速和高效的工作流程。

这个视频老UI特性。更新版本即将到来!
克隆这个项目

设计师有许多键盘快捷键来帮助你加快你的设计工作流程。最快的方法在设计器中看到所有快捷键的列表是紧迫的Shift + /。你也可以访问这个列表的帮助菜单左下角的设计师。

一般的键盘快捷键
  • 显示快捷方式备忘单:Shift + /
  • 另存为快照:Shift +命令+ S(Mac)或Shift +控制+ S(窗口)
  • 取消选定元素/退出:Esc
  • 删除元素:删除
  • 显示发布对话框:Shift + P
  • 对话框显示出口代码:Shift + E
  • 编辑元素:输入
查看快捷键
  • 预览模式:Shift +命令+ P(Mac)或Shift +控制+ P(窗口)
  • 指南覆盖:Shift +命令+ G(Mac)或Shift +控制+ G(窗口)
  • 显示元素的边缘:Shift +命令+ E(Mac)或Shift +控制+ E(窗口)
  • x射线模式:Shift + + X命令(Mac)或Shift +控制+ X(窗口)
左侧工具栏快捷方式
  • 显示添加面板:一个
  • 显示导航选项卡:Z
  • 面板显示页面:P
  • 显示符号面板:Shift +一个
  • 使所选元素符号:命令+ Shift +(Mac)或控制+ Shift +(窗口)
  • 显示资产经理:J
右手制表符快捷键
  • 显示风格选项卡:年代
  • 显示设置选项卡:D
  • 显示样式管理器选项卡:G
  • 显示交互选项卡:H
复制/粘贴快捷键
  • 复制:命令+ C(Mac)或控制+ C(窗口)
  • 切:命令+ X(Mac)或控制+ X(窗口)
  • 粘贴:命令+ V(Mac)或控制+ V(窗口)
  • 复制:按住Alt键+拖
撤销/重做快捷键
  • 撤销:命令+ Z(Mac)或控制+ Z(窗口)
  • 重做:Shift +命令+ Z(Mac)或Shift +控制+ Z(窗口)
设备查看快捷键
  • 桌面:1
  • 平板电脑:2
  • 电话(景观):3
  • 电话(肖像):4
样式面板快捷键
  • 保证金/填充(各方):按住Shift +拖
  • 保证金/填充(上+下或左+右):按住Alt键+拖
  • 将类添加到所选元素:命令+输入(Mac)或控制+ Enter(窗口)
  • 重命名上节课所选元素:命令+ Shift + Enter(Mac)或控制+ Shift + Enter(窗口)
其他快捷键
  • 展开/折叠面板部分:Alt +点击上一节
  • 选择父/子元素:向上箭头键/向下箭头
  • 选择兄弟元素:左箭头或右箭头
  • 选择next /以前的元素:Alt +左箭头或右箭头
  • 切换合作者所选元素:命令+ Shift + L(Mac)或控制+ Shift + L(窗口)
找到
  • 快速找到:命令+ E(Mac)或控制+ E(Windows) /命令+ K(Mac)或控制+ K(窗口)

如果你有任何的想法一个很酷的键盘快捷键,让我们知道我们会考虑添加它。
尝试Webflow——它是免费的
Baidu
map