Figma 笔记
使用 Figma
- 优点：太多
- 缺点：
- 没用网络无法打开
- 使用过程断网然后再断电，可能保存不了，细思极恐。
- 使用过程断网，网络恢复前，插件都无法使用。
插件（必备插件推荐）
汉化版
可下载汉化包或者按照汉化Chrome扩展
- Figma 汉化包：https://www.figma.cool/cn
- Figma Chrome扩展：https://chrome.google.com/webstore/detail/figmacn/japkpjkpfdakpkbcehooampdjfgefndj
- Figma 离线包：https://www.figma.cool/figmaCN.zip
常用快捷键
缩放元素
按比例缩放，不会出现圆角和描边走形的情况。
- 选择元素，按快捷键
K（MacOS和Windows通用）
| 功能 | MacOS 快捷键 | Windows 快捷键 | 说明 |
|---|---|---|---|
| 选择 元素 | V | – | – |
| 输入 文字 | T | – | 按 command + return 可结束输入 |
| 创建 矩形 | R | – | – |
| 创建 画板 | A 或者 F | ||
| 创建 切图 | S | ||
| 创建 线条 | L | ||
| 创建 带箭头的线条 | shift + L | ||
| 创建 圆形 | O | ||
| 移动 画布 | H |
常用功能教程
Figma 如何创建蒙版
- 使用方法：选择两个或多个元素，右键选择
Use as Mask。可以将任何图层、组或形状转换为蒙版。 - 使用场景：将多个元素限制在一个形状中
- 同类软件类似功能：
- PhotoShop 剪贴蒙版
- Illustrator 剪贴蒙版
- Sketch 蒙版（Mask）
如何创建组件（元件）
- 使用方法：选择元素右键选择
Create Component- 方法二：选择元素，按快捷键
- MacOS：
⌥ + ⌘ + K（option + command + k） - Windows：
Ctrl + alt + K
- MacOS：
- 方法三：选择元素，点击顶部工具栏中间四个菱形图标 ◇
- 方法二：选择元素，按快捷键
轮廓化描边或文字转曲
- 选择元素
- 元素上右键，选择
Outline stroke。- 或者直接使用快捷键：
Ctrl+Shift+O
- 或者直接使用快捷键：
栅格化转为矢量图形
- 选择元素
- 元素上右键，选择
Flatten。- 或者直接使用快捷键：
Ctrl+E
- 或者直接使用快捷键：
文本框文字超出隐藏
- 选择文本框
- 点击右侧面板右下角
...按钮（Type settings） - 点击 Type settings 面板最后一个选项（Truncate text）的第二个按钮（
A...）