站酷：https://.zcool.com.cn

下方正文

互联网技术的迅猛进步使得众多设计软件逐渐为大众所熟知，特别是在近两年，一款名为『Figma』的应用软件势头强劲，频繁有关于其诸多优点的文章出现。然而，仍有不少人对Figma感到陌生。因此，今天我们就来共同探讨一下，Figma究竟是一款怎样的应用程序。

1. Figma是什么？

Figma是一款浏览器平台的应用程序，它能够在包括Mac OS在内的各大主流操作系统上顺畅运行，不论是Linux还是其他操作系统，用户都能轻松驾驭。此外，Figma还推出了适用于Mac OS的桌面版客户端。实际上，在接触Figma之前，我原本以为线上软件在流畅度、稳定性等方面无法与本地软件相媲美。然而，实际使用后，所谓的“真香定理”再次得到了验证，我的想法彻底被颠覆，以至于感觉自己的脸都有些肿了。Figma的在线特性极大地满足了协作办公的需求，它无需用户下载或安装，支持在线编辑，便于管理，能够实现同步协作，并且资源占用极小，这一切都如同降维打击一般。

云计算和5G网络的飞速进步与广泛推广，使得Web工具的功能得到了显著增强，同时，办公软件向Web平台的迁移也正成为一种明显的趋势。各类云端知识库工具的迅猛发展，以及诸如新兴知识脉络型文档工具等，已使先前的Word和脑图显得如同旧时代的产物。若设计师在设计文档的管理上仍旧固守本地文件，那么他们终将被时代所淘汰。

2. 与其他设计软件的对比

目前市面上的UI设计工具种类繁多，不妨先对比分析一下这些软件在实际应用中的表现：

下面这个图是2017年时候的数据：

经过两年的发展，Figma的使用量已从原先的第5位跃升至现在的第2位，这一成就即便在Adobe推出XD的同期也得以实现，充分证明了Figma的功能优势正日益受到广泛认可。尽管它难以撼动UI设计领域老大地位，但其迅猛的发展势头却难以阻挡。

据我所掌握的信息，众多规模较小的移动互联网团队正逐步转向使用 Figma，众多设计师鉴于其庞大的资源占用问题，纷纷选择了 Figma。我对此表示高度认同，某些资源的大小确实令人咋舌，以下图所示，便是我的日常工作场景。

Figma官网同样罗列了自身的一系列亮点，用以阐述用户选择其平台的原因（尽管这种选择颇具个人主观性，但提供的理由却颇为切实），对此感兴趣的朋友们不妨点击下方的链接查看。

Figma与同类工具相比，在界面设计、原型制作以及协作功能上展现出显著优势。其独特的拖拽式操作让用户能够轻松实现创意的快速转化，而云端同步则确保了团队协作的高效与便捷。此外，丰富的组件库和灵活的布局选项为设计师提供了极大的创作空间。

3. 软件介绍

众多优点被提及，那么 Figma 的外观究竟如何呢？接下来，让我们逐步了解它的样子。（顺便一提，Figma 的官方网站风格颇合我意，网址是 https://www.figma.com。）

Figma的操作界面主要划分为三大板块：设计、原型以及代码。对于熟悉蓝湖的用户来说，这些板块或许显得格外亲切，因为它们实际上对应着蓝湖平台上的三个角色。Figma旨在传达一个核心理念，那就是实现一站式服务。

操作界面

Figma的界面设计与之前类似，若有意向转向这里进行设计，无需过分担忧深度学习所需的成本，只需稍加观察界面，便能迅速掌握操作方法。

顶部工具栏区域、左侧的图层管理面板、居中的绘图区域、右侧的属性控制面板，这构成了界面的基本布局，虽然与原版界面相似，但对于设计师而言，转换至新界面的成本却是极低的。

值得关注的是，Figma的图层面板由三个主要部分构成：图层、资源和页面列表。与之前相比，新增的页面列表功能对团队协作后期阶段起到了显著作用。设计师们能够在列表中添加个人页面，并就设计内容达成共识。通过这种方式，同一项目的不同设计师可以在多个页面间切换，以便同步掌握其他板块的进展和修改情况。

除了常规的操作界面，设计师还可在属性面板顶部Tab处进行点击，以切换至原型模式；Figma的原型功能支持构建交互式流程，从而模拟用户操作流程。运用原型模式，设计师得以着手进行构思草图的设计，体验交互流程，并且能够实时在线上展示与传播自己的原型。分享途径多样，既可通过发送链接，亦可在Figma平台上，在移动设备上享受更为深入的体验概念原型，甚至还能对原型作出即时评论。心动了吗？

全局组件

Figma的组件与某些类似，但存在细微差别。设计师可以在Figma中创建一个独立文件来设定组件或样式，之后将此文件上传至库中。如此一来，团队内所有成员均可于任何文件中调用这些组件。若对某个组件的样式进行修改，团队内所有文件中涉及该组件的部分均能自主选择是否同步更新。

除了协作方式的差异，鉴于 Figma 是基于组件理念构建的，该平台提供了众多高效组件化方案。在 Figma 中，画板上的元素大致可以被划分为以下几个类别：

设计师在进行设计时，得益于组件与实例的明确区分，拥有了更高的工作效率。这二者在程序开发领域，类似于父类与子类的概念。在父类中，可以设定全局属性，而在子类中，则可以进行个性化的调整。当修改父类属性时，所有子类共用的属性也会随之改变。通过一幅图，大家便能一目了然。在未接触 Figma 之前，正是通过观察这一操作，我坚定了向 Figma 学习的决心。

在Figma中，父级组件被称作 ，而由此衍生出的组件则被称为 ，Figma的功能支持将此类组件直接放置于页面边缘，这一操作极为便捷，尤其是在后续对细节进行调整时，你能够一边修改细节，一边观察它在页面全局中的呈现效果。

看到这个直戳痛点的设计师们，你有没有心动呢？

新意功能

Figma具备自动保存功能，可记录过去30日的修改记录。这使得设计师在创作过程中无需担忧，能够大胆地思考和设计，随时能够回溯至之前的版本。

在 Figma 平台上，我们能够为页面（亦称frame）以及组件配备栅格功能，栅格系统又包括网格、行与列的设置。通过在页面中引入网格windows 类似sketch，可以实现对元素的精准对齐，尽管如此，我更倾向于使用列栅格，这样的设置能让我将元素均匀分布在几列之中，同时还能有效控制元素间的间距。

Figma的插件库正经历着迅猛的发展和扩充，众多开发者纷纷将创意融入其中。相较于传统的插件安装与更新模式，Figma的Web平台优势再次显现，用户只需在组件菜单中进行搜索，点击安装，待完成即可。此后，在画板页面中，用户便能够从左侧菜单栏轻松选择并调用已下载的插件。

这里恰好有一款他人极力推荐的超级实用的 Figma 插件，感兴趣的同学可以点击此处进行跳转，详细了解相关信息哦~

此网站为2020年最佳Figma资源汇总，提供了丰富的设计工具和模板，供设计师们参考和学习。

4. 适用人群

当前界面设计领域的三大主流工具：Figma、Adobe XD以及另一个，它们各自具有特点和不足，以下将为大家进行详细总结。

Mac用户无疑是幸运的，这三款应用均适用于他们。然而，对于其他用户来说，则仅限于后两款。

UI设计领域的佼佼者，其覆盖范围广泛，用户基数庞大windows 类似sketch，功能组合完备，与其他产品能够良好协作。然而，在团队协作方面略显不足，但国内用户通过与蓝湖和Zplin的配合，依然能够实现高效的办公体验。

自今年十月份起，部分功能已转为付费模式，诸如“保存至本地”这一功能亦然，若不付费，用户只能依赖2G的云端存储空间。这无疑给用户带来了不小的冲击，但幸运的是，您还有一段缓冲时间来适应这一变化。

5. Figma当前的一些缺点

上述内容中列举了Figma的多项优点，然而，坦白来说，Figma确实存在一些问题，这些问题在一定程度上会对使用体验造成影响。

在Figma软件中输入中文时，由于字体库的限制，部分中文字符可能无法正常展示。为了有效解决这一问题，必须同步下载Figma的字体资源，以确保在浏览器中能够正确使用本地字体。即便下载了字体资源问题仍未解决，我建议您可以尝试安装额外的字体插件，例如Font插件和Font插件。

这一限制源于 Figma 内在的属性，这无疑对 Figma 的应用范围产生了影响。

由于 Figma 的服务器位于境外，若仅通过国内网络进行访问，确实可能遇到启动速度较慢、保存数据不够迅速等问题，这时便需要借助代理工具来解决问题。

6. 总结

我始终坚信，Figma在未来的市场中将拥有广阔的前景。这不仅仅是因为其易用性和便携性，更是由于它在网络技术迭代、技术融合以及协同办公趋势等方面的显著优势。Figma将产品、设计、开发等多个工作流程无缝整合到一个工作面板中，有效地将原本分散、独立的职位紧密连接在一起。若您觉得这篇关于 Figma 的介绍文章写得不错，不妨给我点个赞，关注一下，未来我还会分享更多关于 Figma 的实用操作和技巧哦~

后续的设计任务必将趋向于更加专业化的方向，效率也将大幅提升，同时充满活力，对此，我们不妨共同翘首以盼。

如有侵权请联系删除！