关于工具-figma
关于工具-figma
- 说明
- figma下载与汉化
- 快捷键
- 小tips
- 插件
说明
我使用的原型工具是figma，相较其他工具，它的最大特点是可以多人协作，实时共享。在使用一段时间后，我将这个软件的使用汇总一下。
figma下载与汉化
下载地址：https://www.figma.com/downloads/ ；
汉化地址 ：www.figma.cool；
汉化流程：
- 确认客户端版本号和补丁下载区域的版本号一致；
- 替换文件前，备份原生 app.asar 文件；
- 如果遇到程序报错，请核对安装步骤是否有遗漏，无法解决请重新安装 Figma 客户端或者把备份的文件还原；
- 替换完成后客户端默认中文，顶部系统菜单栏没有进行翻译。
常见问题：
- “Figma 已损坏，无法打开。 您应该将它移到废纸篓”：打开 「终端」输入 sudo xattr -rd com.apple.quarantine /Applications/Figma.app 然后输入开机密码回车。
5.官方学习文档：https://figmachina.com/guide/
快捷键
- 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 |
- 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
- 尽量使用 Frame 而不是组
- 按住 cmd 可以调整画板大小
- 线框模式 cmd + Y，显示组件边框
- Figma 中有快捷键使用提示
- 右键标签复制链接时选择“CopyDesktop URI”，打开时会自动跳转到桌面客户端
- Cmd + \ 隐藏UI界面
- 蒙版不带任何属性
- 重命名时选中单个图层重命名时按 Tab / Shift + Tab 快速切换重命名图层，选中多个图层时按 Cmd + R 批量重命名
- Control + Cmd + 方向键 快速对齐图层
- 选择某个对象，Cmd + Shift + C，Cmd + Shift + V 复制粘贴所有属性
- 选中单个图层，Cmd + C, Cmd + V 可以粘贴单个属性
插件
插件的使用：
- 在figma中右击，选择插件（plugins）-browse plugins in community，即可进入社区，下载自己想要的插件
- 下载完成后在在figma中右击，选择插件（plugins）-插件名称，即可打开插件
插件推荐
- chinese font picker(字体插件)
- iconify(图标插件)
- unsplash(图片插件)
关于工具-figma相关推荐
- 对比其它设计工具，Figma都有哪些优点和缺点
第二代在线设计工具Figma,由于越来越多的在线需求,一个文档需要几个人同时处理,所以多人合作在线设计工具诞生了. 优势 在线,即时,多人 跨平台,只要能访问页面即可使用,不局限于Mac或Window ...
- figma下载_在Figma上进行原型制作的各种触发选项
figma下载 Prototypes are model versions of digital products. They're used to measure usability by test ...
- figma下载_在Figma中进行原型制作的技巧和窍门
figma下载 自定义过渡和微交互 (Custom transitions and micro-interactions) Yep, I know that there are a lot of us ...
- ui设计师常用的设计工具_2020年应该使用哪个UI设计工具？
ui设计师常用的设计工具 重点 (Top highlight) It's 2020, the market today is saturated with UI design tools. Ever ...
- figma设计_如何在Figma中构建设计入门套件（第二部分）
figma设计 Figma教程 (Figma Tutorial) With this short, but informative Tutorial Series I aim to show you ...
- figma下载_Figma中的高级图像处理
figma下载 Figma is not exactly suited for image manipulation, and that's completely fine. While it doe ...
- 能导出_Handoff 插件上线！足不出 Figma 就能导出设计标注
在两个月前我发布了设计标注工具 Figma Handoff,虽然帮助挺多人解决了设计标注的交付问题,但是也收到了不少吐槽.这其中最多的,就是说导出很慢,对于需要频繁导出的朋友来说很不友好. 时间就是金 ...
- 10款专为设计师打造的热门工具清单
随着设计领域的细分以及用户群体的发展,各类设计工具开始涌现,这些新兴工具分别针对不同的使用情景和需求,让产品的设计.运营甚至灵感的获取都更为顺畅.系统地完成.然而要找到一款最适合的工具也并非易事.在这 ...
- 制作原型工具_15种顶级原型制作工具齐头并进
制作原型工具 Want to learn UX from the ground up? Get an entire collection of UX books covering fundamenta ...
最新文章
- AI“生死”落地：谁有资格入选AI Top 30+案例？
- 流氓软件彻底免疫程序 v2.2 绿色版
- A List Apart 经典文章：突破网格设计的僵局
- 大厂，常用，四款，大屏可视化工具
- 第五章-分布式并行编程框架MapReduce
- vim配置及插件安装笔记
- helm3 push/pull安装使用细节及添加国内仓库
- NIPS 2017 | 线上分享第一期：似自然梯度的优化算法KFAC与强化学习算法ACKTR
- 突发！这个操作系统竟比macOS还火
- php把1拆分成三份,【php】位运算如何拆分
- jQuery1.2选择器(1)
- SpringMVC:学习笔记(7)——验证器(JSR303)
- 国产车崛起粉碎德日工业神话
- html文件怎么用华为手机打开,如何调整华为手机中的文件默认打开方式
- sql md5或shal加密
- 从python爬虫以及数据可视化的角度来为大家呈现“227事件”后，肖战粉丝的数据图
- c#获取百度服务器时间
- Chrome浏览器安装本地插件
- 链接chinanet无法出现登陆界面（电脑）,360开wifi说缺少一个网卡
- linux下运行htk,HTK在linux下的例子.rar