figma常用快捷键 【不定期更新】

简介: figma常用快捷键 【不定期更新】

canvas  画布


一、常用工具



创建画板:框架工具(Frame Tool)—— A 或 F


打开组件库(libraries):^+option+O   (ctrl+alt+O)


1.1文件和属性


导出(Export)—— ⌘ + ⇧ + E


置入图片(Place)—— ⌘ + ⇧ + K


拾色器(Color Picker)—— ^ + C 或 I


进入图片编辑模式(Enter Image Crop Mode)—— ⌥ + 双击


1.2视图


平移(Pan)—— 空格 + 拖拽


放大(Zoom In)—— +


缩小(Zoom Out)—— –


缩放至适合屏幕(Zoom to Fit)—— ^ + 1


缩放至适合选择元素(Zoom to Selection)—— ^ + 2


缩放到 100%(Zoom 100%)—— ^+ 0


显示标尺(Show Rulers)—— ⇧ + R


重命名图层(Rename Layer)—— ⌘ + R


像素预览(Pixel Preview)—— ⌃ + P


显示网格布局(Show Layout Grids)—— ⌃(Ctrl) + G


显示图层面板(Show Layers Panel)—— ⌘ + ⇧ + \


显示 UI 界面(Show Figma UI)—— ⌘ + \


显示像素网格(Show Pixel Grid)—— ⌘ + '


线框模式(Outline Mode)—— ⌘ + Y 或 ⌃ + ⇧ + 3


油漆桶(Paint Bucket)—— B


弯曲工具(Bend Tool)—— ⌘ + 拖拽


连接选择点(Join Selection)—— ⌘ + J


线条工具(Line Tool)—— L


线条工具(Arrow Tool)—— ⇧+L


切片工具(Slice Tool)—— S


重复/复制(Duplicate)—— ⌘ + D 或 ⌥ + 拖拽或^+D


成组(Group Selection)—— ⌘ + G


取消成组(Ungroup Selection)—— ⌘ + ⇧ + G


显示/隐藏图层(Toggle Visibility)—— ⌘ + ⇧ + H


锁定/取消锁定图层(Toggle Lock)—— ⌘ + ⇧ + L


扩展(Flatten Selection)—— ⌘ + E


扩展描边(Outline Stroke)—— ⌘ + ⇧ + O


蒙版(Toggle Mask)—— ctrl+ alt + M




相关文章
|
6月前
|
JSON 监控 数据可视化
云监控 UModel Explorer:用“图形化”重新定义可观测数据建模
阿里云 UModel Explorer 正式发布:告别复杂配置,拖拽即建模,点击即洞察,实现建模、探索、分析一体化,让可观测真正高效协同,开启可视化运维新时代!
522 94
|
人工智能 JavaScript 前端开发
字节最新AI 版IDE:用Trae开发网站打包信息追踪插件,国产版Cursor表现如何?
本文介绍了如何使用字节最新推出的AI编程工具Trae,通过零代码方式快速开发一款名为`dist-info`的前端插件。该插件能够将Git信息或自定义内容注入HTML文件中,兼容Webpack和Vite项目。开发者只需在浏览器控制台输入`info`,即可轻松查看代码的相关信息。文章详细描述了插件的背景、开发流程、核心代码实现以及优化建议,并展示了如何借助Trae高效完成项目搭建和代码编写。
3489 0
字节最新AI 版IDE:用Trae开发网站打包信息追踪插件,国产版Cursor表现如何?
|
前端开发 JavaScript
如何在 CSS3 动画中添加缓动效果?
在上述示例中,页面中有一个蓝色的方块元素和几个按钮,点击不同的按钮可以为方块的移动动画设置不同的缓动效果。通过JavaScript获取方块元素,根据用户点击按钮传递的缓动函数值,修改方块的`transitionTimingFunction`属性,从而实现动态切换缓动效果的功能。每次点击按钮后,方块会向右移动100px,并在1秒后回到初始位置,以便用户观察不同缓动效果下的动画表现。
510 57
|
存储 JavaScript 前端开发
JS篇(Array、Object)
JS篇(Array、Object)
326 1
|
XML 前端开发 安全
如何使用 CSS 中的 :root 伪类选择器
如何使用 CSS 中的 :root 伪类选择器
589 0
|
存储 安全 测试技术
面试题11: 如何测试一个APP?
面试题11: 如何测试一个APP?
326 1
面试题11: 如何测试一个APP?
|
人工智能 JavaScript 数据可视化
Cursor、v0 和 Bolt.new:当今 AI 编程工具的全面解析与对比
本文深入解析了 Cursor AI、v0 和 Bolt.new 三大 AI 编程工具的特点与应用场景。Cursor 适合日常编码与团队协作,v0 专注于 UI 原型设计,Bolt.new 擅长全栈原型开发。各工具在功能上互为补充,开发者可根据需求灵活选择,以提升工作效率。
6008 1
阿里图标库——批量下载图标
阿里图标库——批量下载图标
1900 2
|
Web App开发 运维 安全
1Panel:一个现代化、开源的 Linux 服务器运维管理面板
1Panel:一个现代化、开源的 Linux 服务器运维管理面板
895 0

热门文章

最新文章