最新公告
  • 欢迎您光临xd素材中文网xdsucai.cn,服务于广大UI设计师。立即加入我们
  • Figma 快捷键大全

     

    今天给大家分享Figma 常用必备快捷键,只要我们熟练记住了这些快捷键,善用快捷键可以为我们极大的提高效率。

    文件和属性

    导出(Export) ⌘ + ⇧ + E
    保存(Save) ⌘ + S
    置入图片(Place) ⌘ + ⇧ + K
    拾色器(Color Picker) ^ + C 或 I
    进入图片编辑模式(Enter Image Crop Mode) ⌥ + 双击

    视图

    平移(Pan) 空格 + 拖拽
    放大(Zoom In) +
    缩小(Zoom Out)
    缩放至适合屏幕(Zoom to Fit) ^ + 1
    缩放至适合选择元素(Zoom to Selection) ^ + 2
    缩放到 100%(Zoom 100%) ^ + 0
    重命名图层(Rename Layer) ⌘ + R
    显示标尺(Show Rulers) ⇧ + R
    像素预览(Pixel Preview) ⌃ + P
    显示网格布局(Show Layout Grids) ⌃ + G
    显示图层面板(Show Layers Panel) ⌘ + ⇧ + \
    显示 UI 界面(Show Figma UI) ⌘ + \
    显示像素网格(Show Pixel Grid) ⌘ + ‘
    线框模式(Outline Mode) ⌘ + Y 或 ⌃ + ⇧ + 3

    矢量

    移动工具(Move Tool) V
    钢笔工具(Pen Tool) P
    油漆桶(Paint Bucket) B
    弯曲工具(Bend Tool) ⌘ + DRAG
    连接选择点(Join Selection) ⌘ + J
    复制(Duplicate) ⌥ + DRAG
    退出矢量模式(Exit Vector Edit Mode) ESC or RETURN

    文本

    文本工具(Type Tool) T
    下划线(Toggle Underline) ⌘ + U
    斜体(Toggle Italic) ⌘ + I
    加粗(Toggle Bold) ⌘ + B

    元素

    移动工具(Move Tool) V
    钢笔工具(Pen Tool) P
    形状工具(Rectangle Tool) R
    椭圆工具(Ellipse Tool) O
    线条工具(Line Tool) L
    框架工具(Frame Tool) A or F
    缩放工具(Slice Tool) S
    复制(Copy) ⌘ + C
    剪贴(Cut) ⌘ + X
    粘贴(Paste) ⌘ + V
    重复/复制(Duplicate) ⌘ + D or ⌥ + DRAG
    成组(Group Selection) ⌘ + G
    取消成组(Ungroup Selection) ⌘ + ⇧ + G
    显示/隐藏图层(Toggle Visibility) ⌘ + ⇧ + H
    锁定/取消锁定图层(Toggle Lock) ⌘ + ⇧ + L
    扩展(Flatten Selection) ⌘ + E
    扩展描边(Outline Stroke) ⌘ + ⇧ + O
    蒙版(Toggle Mask) ⌥ + ⌘ + M

     

    Figma常用快捷键(Mac版)

    查看全部视图:Shift+1

    查看目标视图到全图大小:Shift+2

    大纲模式:Commd+Y

    显示隐藏标尺:Shift+R

    显示隐藏网格:Control+G

    放大视图:Z

    放大缩小视图 【Command+鼠标滚轮】

    快速收起图层:Alt+L

    画板Frame

    创建框架(Fame):F

    选择嵌套对象:Command+鼠标左键

    放不进Frame的时候:按住Command键就可以放进去了

    内容打组:Command+G

    从内容新建画板:Command+Alt+G

    测量画布上对象之间的距离:1.选择一个对象,2.将光标悬停在其他对象上时按住alt,3.Figma 将显示到其它对象边缘的距离。(同理参考线)

    文字&表情

    创建文字:T

    表情符号选择器:control + command + 空格

    形状

    左右翻转:Shift+H

    上下翻转:Shift + V

    整体按样式缩放:K

    填充描边互换:Shift+X

    扩展图形:Command+E (将布尔运算结果生成为新图形)

    扩展描边:Command+Shift+G(使用描边绘制icon时,通过扩展描边来转为可编辑图形)

    在属性值上左右拖动:Alt

    以中心点调整对象大小:Alt

    单独把矩形一个角变成圆角:Alt

    形状中插入图片:Shift+Commad+K

    复制

    Figma为了保证组件化和共享样式的细分程度,将图形的属性样式进行了更细致的拆分,如图形颜色、描边属性,字体字族、字体颜色等属性是分开处理的。因此无法像Sketch或PS那样一键复制所有属性,而是需要单独选择某个属性,然后复制。因此在遇到样式相关的问题时,可以考虑使用共享样式来实现。

    等位复制:Command+Shift+V

    复制上一步操作:Command+D

    颜色

    吸色:I

    取色:Control+C

    1. 选中色值,按上下键调节灰度,按住 Shift 再按上下键可大幅度调节。

    2. 鼠标在色盘上滚动可调色,按住 Option(Alt)滚动调整透明度。

    3. Ctrl +C 或者 I 取色,拖动可预览。

    4. 选中渐变端点,按下空格键并拖动可以整体移动渐变。

    自动布局选中需要自动布局的元素,点击Shift+A。

    将对象添加到一个嵌套的自动布局中:按住Command。

    将对象保持在当前框架内,防止 Figma 嵌套它:按住Command。

    2. 布局约束

    如果希望对象在滚动时固定位置(如导航栏),请选中 Fix position when scrolling(滚动时保持固定)。

    3. 智能排列

    a. 将鼠标悬停在选区上将出现一个整理图标,单击整理按钮。

    b. 使用键盘快捷键:^ + ⌥ + T(Mac)。

    c. 单击属性面板中的整理图标(位于对齐部分的最右侧)

    4. 矢量图形

    矢量图形:双击进入矢量编辑模式,按住Cmmand点击拖出锚点的滑杆。

    扩展形状:Command + E,可以将边界框改到到形状的真实边界。

    合并形状:Command+E

    文字转曲:Command+E

    连接两个锚点:Command+J

    xd素材中文网,提供优质的UI设计资源免费素材,有xd源文件,sketch源文件,设计规范,实用的商业ui设计教程。
    XD素材中文网 » Figma 快捷键大全

    常见问题FAQ

    关于我们
    我们是一家服务广大ui设计师的素材平台,提供包括UI、平面设计、ppt模版,网页素材、png素材、设计插件、设计软件等一些列优质资源免费分享给到设计师,有效提升工作效率。
    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    百度网盘为什么下载慢?
    国内只有在百度网盘放资相对靠谱,基本不会出问题,但百度网盘限制了非SVIP用户的下载速度和稳定性,不过使用百度云盘软件下载(不要用网页直接下载)会相对稳定,而且能断点续传;
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

    发表评论

    • 65153会员总数(位)
    • 34553资源总数(个)
    • 128本周发布(个)
    • 9 今日发布(个)
    • 866稳定运行(天)

    提供最优质的资源集合

    加入会员 免费领会员