Figma学习过程(1)

537 阅读1分钟

很多人都会把Figma和Sketch做对比,来说明使用Figma有哪些便捷之处。二者最大的差异在于Sketch是Mac上的原生应用程序,而Figma是基于云的设计工具。Figma的最大特点是可以在任何设备上使用,只需要一个网络连接,而Sketch则需要在Mac上运行。对比Sketch,Figma在协作方面具有很大的优势。多人同时编辑同一个文件时,Figma可以实时同步,而Sketch则需要手动同步。在团队协作中,Figma的实时同步是非常方便的,可以使得团队成员更好地协作。

一、注册和下载

1.账号注册

Figma官方地址:www.figma.com/

2.在这里可以下载客户端、效果演示的移动端、web端使用的字体。

下载地址:www.figma.com/downloads/

二、汉化

客户端和web端都可以将页面汉化,web端使用Chrome浏览器,安装上Chrome浏览器插件就可以了。

汉化插件地址:www.figma.cool/cn

下载汉化包 image.png 汉化完成后的效果 image.png

image.png

三、移动端文件效果预览

1.下载移动端

2.手机浏览器访问figma.com/mirror

四、操作

1.页面布局

image.png

2.MacOS和Windows快捷键

zhuanlan.zhihu.com/p/517253772

或者通过页面直接查看快捷键

image.png

image.png

几个常用的快捷键:

  • 缩放至100%,Shift + 0
  • 缩放至适应屏幕,Shift + 1
  • 合并成组,Ctrl + G
  • 取消成组,Ctrl + Shift + G
  • 显示/隐藏侧边,Ctrl + \