回到所有的课程
课程库

Webflow中的键盘快捷键

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

这个视频的特点是一个旧的UI。更新版本即将发布!
克隆这个项目

设计器有许多快捷键,可以帮助您加快设计工作流程。查看设计器中所有快捷键列表的最快方法是按Shift + /.也可以从帮助菜单在设计器的左下角。

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

如果你对键盘快捷键有什么想法,让我们知道我们会考虑加入它。
尝试Webflow——它是免费的
Baidu
map