6

Figma 中文网

 2 years ago
source link: https://juuun.io/projects/figmacn/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

最近迷上了 Figma——一款基于浏览器的在线协作工具。Figma 很多细节做的很棒,用一个朋友的话说,是很懂设计的人为设计师贴心打造的。为了方便更多国内设计师了解并使用这款设计软件,我自己设计并开发了 Figmacn.com

网站概览

目前,就我自己的使用体验来看,Figma 有以下特点吸引了我。

完全云端协作

最开始一直担心 Web 端的性能跟不上,没有原生应用那么顺滑。直到我使用了 Figma 才发现,这种担心完全是多余的。Figma 已经被打磨地很顺滑,而且会在网络条件不好时自动将改动保存在本地。

基于 Web

当性能不再成为瓶颈,云端应用的优点就显现出来了。首先是跨平台,不需要下载安装,不限操作系统,只需要在浏览器输入链接就能进入自己的工作区。其次,所有文件存在云端,不用费神管理一堆本地文件了。最后,Web 端便与传播的特性使得交付变得简单,只需要将链接给其他人,查看标注、实时评论都很方便

更加符合直觉的组件

Sketch 的 Symbol 我一直觉得有几个地方不合理,首先是只能通过 Symbol Overrides 来改变样式,这意味着你要不断给 Symbol 增加可能的状态。如果只有一个 Symbol 的实例需要做一些不同的样式,就只能将这个 Symbol 拆卸(Detach)了。而 Figma 则完全不同,组件实例有一些属性是不能改变的,但有一部分属性是可以改变的。这意味着,你可以保持各个组件实例能够和 master 保持一致的同时,又能够对其中某个实例做一些变动,通过下图感受一下。

组件

还有一点是 Sketch 的 Symbol 必须要进入 Symbol 编辑模式才可以编辑,而 Figma 的组件可以放在页面的任何地方。这样就很方便,因为我可能要随时根据当前设计来更改组件。

就近放置组件

其他小细节

还有其他的一些小细节,比如文字的颜色没有单独拿出来,而是使用填充色来调整。这样是很方便的,因为我经常需要同时更改一个图层和文字的颜色。在其它设计软件中就只能分开更改文字颜色和图层颜色了。

就近放置组件

诸如此类的细节还有很多,这让我对 Figma 好感倍增。目前,我已经使用 Figma 作为自己的主力设计工具,如果你想更深入地了解 Figma,可以前往 Figmacn.com


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK