关于工具-figma

说明

我使用的原型工具是figma，相较其他工具，它的最大特点是可以多人协作，实时共享。在使用一段时间后，我将这个软件的使用汇总一下。

figma下载与汉化

1. 下载地址：https://www.figma.com/downloads/ ；

2. 汉化地址 ：www.figma.cool；

3. 汉化流程：

   • 确认客户端版本号和补丁下载区域的版本号一致；
   • 替换文件前，备份原生 app.asar 文件；
   • 如果遇到程序报错，请核对安装步骤是否有遗漏，无法解决请重新安装 Figma 客户端或者把备份的文件还原；
   • 替换完成后客户端默认中文，顶部系统菜单栏没有进行翻译。

4. 常见问题：

   • “Figma 已损坏，无法打开。 您应该将它移到废纸篓”：打开 「终端」输入 sudo xattr -rd com.apple.quarantine /Applications/Figma.app 然后输入开机密码回车。

5.官方学习文档：https://figmachina.com/guide/

快捷键

1. ios

类型	快捷键
导出（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
形状工具（Rectangle Tool）	R
椭圆工具（Ellipse Tool）	O
线条工具（Line Tool）	L
框架工具（Frame Tool）	A 或 F
缩放工具（Slice Tool）	S
复制（Copy）	⌘ + C
剪贴（Cut）	⌘ + X
粘贴（Paste）	⌘ + V
重复/复制（Duplicate）	⌘ + D 或 ⌥ + 拖拽
成组（Group Selection）	⌘ + G
取消成组（Ungroup Selection）	⌘ + ⇧ + G
显示/隐藏图层（Toggle Visibility）	⌘ + ⇧ + H
锁定/取消锁定图层（Toggle Lock）	⌘ + ⇧ + L
扩展（Flatten Selection）	⌘ + E
扩展描边（Outline Stroke）	⌘ + ⇧ + O
蒙版（Toggle Mask）	⌥ + ⌘ + M

2. windows

快捷键	类型
Shift + R	标尺工具
Ctrl + Shift + 3	显示边框
Ctrl + Alt + Y	像素预览设置
Ctrl + Shift + 4	显示 / 隐藏布局栅格
Ctrl + ’	显示 / 隐藏像素栅格
Ctrl + \	显示 / 隐藏侧边
Ctrl + Alt + \	显示协作者光标
Alt + 1	左侧切换到图层面板
Alt + 2	左侧切换到组件面板
Alt + 3	打开团队库
Alt + 8	右侧切换到设计
Alt + 9	右侧切换到原型
Alt + 0	右侧切换到代码
V	移动工具
P	钢笔工具
Shift + P	铅笔工具
T	文字工具
R	矩形工具
O	圆形工具
L	直线工具
Shift + L	箭头工具
C	添加/显示评论
I	取色
S	切片工具
H	拖拽移动工具
F	Frame工具
K	缩放工具

小tips

1. 尽量使用 Frame 而不是组
2. 按住 cmd 可以调整画板大小
3. 线框模式 cmd + Y，显示组件边框
4. Figma 中有快捷键使用提示
5. 右键标签复制链接时选择“CopyDesktop URI”，打开时会自动跳转到桌面客户端
6. Cmd + \ 隐藏UI界面
7. 蒙版不带任何属性
8. 重命名时选中单个图层重命名时按 Tab / Shift + Tab 快速切换重命名图层，选中多个图层时按 Cmd + R 批量重命名
9. Control + Cmd + 方向键 快速对齐图层
10. 选择某个对象，Cmd + Shift + C，Cmd + Shift + V 复制粘贴所有属性
11. 选中单个图层，Cmd + C, Cmd + V 可以粘贴单个属性

插件

1. 插件的使用：

   • 在figma中右击，选择插件（plugins）-browse plugins in community，即可进入社区，下载自己想要的插件
   • 下载完成后在在figma中右击，选择插件（plugins）-插件名称，即可打开插件

2. 插件推荐

   • chinese font picker(字体插件)
   • iconify(图标插件)
   • unsplash(图片插件)