从零开始了解Figma：全面介绍这款设计工具，让你熟练运用！

什么是Figma？

它是一个类似于Sketch或XD的UI设计工具，但Figma和后两者的本质区别在于它是基于web的，也就是说，只要有浏览器和网络，它就可以打开和使用。

Figma为什么强大？

Windows上最好的UI设计工具

由于windows生态，UI专业设计工具似乎对windows极为不友好。无论是像sketch这样根本不开发windows版本，还是像XD这样的，即使有windows版本，也有各种闪回和频繁的bug。总之，windows的UI设计体验一直很差。

此时，figma给windows带来了可比性，甚至超过了sketch对mac的体验。基于web的基本特性，figma很容易适应整个平台。只要你的设备有浏览器，连接到互联网，你就可以随时随地快乐地设计它。

不管是macOS、windows、Linux，即使是最近的iPad也可以

丝般光滑不卡顿

无论是习惯用PS设计的学生，还是用sketch的学生，我想你们都害怕被卡住。图层多，文件大，页面复杂，甚至移动图层都变得极其困难。

在使用Figma之前，我也以为在线软件肯定比本地软件好不了多少，但后来发现自己错了，脸肿了。在这里的演示中，由于iOS没有Figma版本的guideline，它被谷歌MD取代，文件量大致相当大

Figma似乎没有消耗太多的本地资源，也没有sketch那么严重的内存泄漏问题，所以当我打开同一个APP项目文件时，Sketch内存(加缓存)占用了可怕的16G，figma甚至不到160M。

从实际经验来看，无论文件有多大，Figma似乎都能达到流畅的60帧渲染。

大杀器全局组件

Figma的组件与sketch相似，但又有区别。

由于在线合作模式，您可以在figma中创建一个特殊的文件来定义组件（component）或者样式（Style），然后将此文件发布到仓库（Library），这样，您团队中的所有成员都可以在团队中的任何文件中调用这些组件。

只要修改其中一个组件的样式，团队中使用该组件的所有文件都可以选择是否同步更新。

有些学生可能会问「那不是和sketch的library一模一样吗？」

区别在于Figma的组件库是同步的、实时的、全员的。这意味着团队中每个成员和组件库之间的交互更快、更高效，组件库可以更新到所有成员和文件，不再需要像Sketch那样10个人和10个不同的组件版本。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://ad.js.design/special/figma/?source=csdn&plan=bttcsdn1084

吸引团队用户的核心竞争力——团队合作

Figma的核心竞争力不是团队合作，这也是Figma抵御sketch赢家通吃的大趋势，从sketch手中抢占市场的关键。

它可以实时合作，几个设计师同时操作相同的设计文件，不用担心你改变保存后他可以改变第二个；它可以评论和留言，急需修改，优先级低，或者如果只是立即下班，但有地方记录，这个功能绝对属于杀手级。

恢复历史版本

不知道大家有没有经历过。一份文件发生剧烈变化后，眼疾迅速按下。⌘+S和⌘+Q，美滋滋稿下班后，leaderpick了前一个版本。虽然这是一个小概率事件，但一旦遇到，只能哭着修改。

Figma在这一点上做得很好，版本管理经验很好。

Figma中每个成员的每一次修改都会自动生成相应的历史版本。即使有些成员误操作修改或删除了一些东西，他们仍然有机会一键抢救。

目前FIgma存在的一些问题

但是Figma也有一些可能「劝退」新人问题：

无中文

我认为作为一个设计师，知道几个英语单词并不难。只要新人多用几天软件，边用边查字典，Figma里的单词量就不成问题。

整个过程需要联网

它也是由Figma在线工具的特性决定的。在没有网络的特殊情况下，可以先使用sketch完成工作，然后将sketch文件导入figma。几乎所有的层、蒙板、图片和矢量都可以保留。

网络并不是特别稳定

由于figma服务器在海外，国内网络直接连接不是很稳定。如果你想要快速稳定的网络访问，找到一个梯子对设计师来说并不难，他们一年四季都在墙上。

插件、资源生态不完善

与Sketch相比，Figma显然属于年轻一代，所以插件生态略薄，不是特别完善。但是Figma本体的功能已经非常完善和强大，所以日常工作基本可以满足。

这些问题有的根本不是问题，有的很容易解决，有的需要时间积累，但这并不妨碍Figma在一定程度上取代Sketch。

国内设计软件的即时设计能与Figma相媲美吗？

即时设计也可以实现Figma软件所能达到的效果，即时设计基于国内用户的需求洞察，提供了许多差异化的功能：

即时设计兼容Figma、Sketch、AdobeXD、更多的文件，如Axure。线框设计可在即时设计中完成，UI/UX设计、原型交互、免切图导出、代码交付。

即时设计提供了丰富的当地社区资源。即时设计资源社区每月更新字节、蚂蚁设计、腾讯等大型工厂的设计系统。社区提供了丰富而精致的模板，用户可以直接拖动免费使用，无需从0开始设计。

即时设计支持团队资源库的迁移。即时设计支持导入库文件和设计草案。导入后，可以保持源文件中组件样式的相关性

即时设计支持图像调色体验优化，增加高光、阴影、色调属性，优化色彩显示效果和色彩范围

即时设计支持自定义快捷键。根据自己的工作风格添加和使用自定义快捷键，支持搜索查找快捷键，恢复默认设置操作。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://ad.js.design/special/figma/?source=csdn&plan=bttcsdn1084

Figma设计软件奠定了在线设计工具的形式，在国际上具有不可低估的影响力，但Figma设计软件并不是当地设计师的首选工具。即时设计不断创新，深化当地需求和服务，已发展成为具有当地特色的产品设计合作工具，即时设计更能满足当地设计师的工作需求。中文版Figma软件取代了即时设计。即时设计在原型、交互、设计、在线合作等功能上与设计软件Figma几乎相同。在体验和资源供应方面，更多地考虑了当地设计师的工作环境和应用需求。