全面解读2020最值得上手的界面设计工具：Figma_亚新

前言工欲善其事必先利其器，器即工具。选择一种工具的本质是选择一种方式。

小我私家的选择或许是基于喜好习惯，行业的选择则陪同行业事情模式的变化。作为互联网行业的设计师，我们应其时时跟进技术的生长，解锁新模式和新工具。设计工具的战场1. 概述随着日新月异的技术生长，互联网时代进入深水区。

行业情况越庞大，设计师将面临越多机缘和挑战。设计差别于艺术，本质是为相识决问题，而设计工具直接影响着设计师思考问题息争决问题的能力。设计工具的背后，体现着设计行业的整体水平和效率。如果把设计工具的竞争类比战场，笔者今天探讨的是互联网时代最受关注的界面设计战场。

界面设计是指对软件的人机交互、操作逻辑、界面雅观的整体设计。2. 历史追溯在界面设计领域，设计工具一直以惊人的速度演化，竞争愈演愈烈。

从曾经的PS一家独大，到近年Sketch新晋王者，再到当下的各种新工具百家齐放。2010年前，界面设计师普遍使用的是Adobe Photoshop（简称PS），那时界面设计还在起步阶段。

PS的定位是图像处置惩罚软件，是一个全面的设计工具，界面设计只是使用这个工具的一个行业分支。2010年后，界面设计飞速生长，PS的性能和效率都无法匹配这个新兴行业的需求。因此，Sketch顺应而生，聚焦界面设计，并迅速占领界面设计的市场。

放眼当下，各种新型界面工具相继泛起，挖掘和突破Sketch的短板。Sketch只面向Mac用户，其它系统无法使用，XD成为Windows上最靠近Sketch的工具替代，但过于相似、缺少奇特也意味着XD现在难以逾越Sketch。另外，Sketch在原型和交互设计上发挥不足，inVision很好的从这个环节独立出来。

再如Framer，基于开源原型框架，在代码上的优势，为设计和技术的融合搭建桥梁。总体来看，界面设计工具在往两个偏向分化。一种是模拟者，举行功效效仿或内部整合。另一种是跨界者，横向扩展，做差别领域的功效集成。

工具战场是气力的决胜，亦是速度的角逐。3. 黑马逆袭迩来，有一匹黑马，频繁泛起在设计师的信息视野，成为设计行业的热门话题，团队使用逐渐笼罩海内外龙头企业。

外洋如微软、谷歌、Facebook等，海内如阿里，腾讯，字节跳动，网易。这匹黑马，就是 Figma。如今，从 Sketch 迁移至 Figma 已然成为趋势。Figma逆袭的奥义何在，如此受到设计师和团队的青睐。

探讨之前，我们不妨先来相识这款软件。Figma是什么Figma是基于浏览器的界面设计协作工具。它的最大特点就是基于浏览器和设计协作。1. 基于浏览器Figma以浏览器为载体，依靠网络，全程在线操作，所有文件生存在云端。

简朴明白，Figma是打开一个网页使用，Sketch等是打开当地软件使用。云端的最大优势就是不受物理设备限制，多平台共享，使用灵活。Figma全平台可用，操作系统支持 Win，Mac，Linux等，设备支持电脑，平板，手机。

在线意味着不需要下载安装包到当地，软件插件都市自动更新，不再漫长地等候下载和频繁安装更新。2. 设计协作Figma是第一个真正意义上的设计协作工具。

协作，是Figma对界面设计师这个角色的重新定位。如Sketch专注于设计师小我私家完成设计事情，就像一个单一的点，如需和外界发生关联，需要借助第三方工具。而Figma是从团体的角度去定位设计，界面设计不仅仅是设计师小我私家的事情。

团队内，设计师需要更高效地衔接设计流程的上下环节，设计师和设计师之间可以更轻松地协作相同，配合完成设计事情。团队外，设计行业应有分享精神，站在行业巨人的肩膀上再创新，推动设计行业越发高效。流程衔接——跨界工具集成传统流程中，设计师在差别环节，需要使用差别工具举行设计事情。

流转在差别工具的历程，会造成时间成本的消耗，发生流转中的错误。使用Figma就能免去切换工具的烦恼，因为它自己就全面笼罩了产物设计中所有重要的步骤，让事情流程更高效完整统一。令人赞叹的地方是，这样的工具集成体，界面却比Sketch更简练易上手。

内部相同——多人在线同时编辑支持多人在线同时编辑，意味着团队可并行事情，同时修改一个文件。项目是一个整体，而不再是被支解的多个文件。

文件是一个链接，而不再是需要传送的源文件。如此，极大地降低团队的相同、修改、维护成本。

资源共享——开源社区互联网行业追求高效，俗话说“众人拾柴火焰高”，荟萃众人的气力方能让价值最大化，资源必不行少。如Github是全球最大的社交编程及代码托管网站，其社交化编码、开源共享的理念改变着整个开发社区的生态，让全球开发者配合缔造了无数优质项目。

在设计行业，Dribbble和Behance作为最知名的国际设计社区，是设计师们展示作品、互助招聘的最大平台，但一般只展示设计作品而不共享源文件。Figma的社区功效，和Github有异曲同工之妙。一方面设计师们可以一键取用世界顶尖公司及设计师经心制作的设计系统和模板，快速构建高质量的设计作品，节约重复基础性事情的时间精神，提高事情效率。另一方面，设计师可以轻松浏览行业一线设计作品，开拓设计视野，并举行互动相同。

工具的技术趋势选择新工具是一件慎重的事情，特别对团队来说，需要从整体的角度去评估成本、风险和回报。小我私家的选择或许是基于喜好习惯，而行业的选择则是陪同行业事情模式的变化。如前文所说，从 Sketch 迁移至 Figma 已然成为行业趋势。

互联网行业正在发生怎样的变化，面临未来的技术趋势，我们正在关注什么。1. 技术趋势数字化信息，泛指人类社会流传的一切内容。数字化是将信息转变为数字、数据，建设数字化模型，尔后转变为一系列二进制代码，引入盘算机内部举行处置惩罚的历程。当下信息爆炸的时代，更多信息以数字化形式存在，人与世界的互动将更多以网络为前言。

云盘算“云”实质上是一个网络，一种盘算资源共享池。云盘算，把盘算资源通过网络让资源被快速取用。

未来的时代是云盘算的时代，用户通过网络就可以获取无限资源，同时获取的资源不受时间和空间的限制。信息处置惩罚拥有更多时间自由性和空间灵活性，意味着我们获取和使用信息可以随时随地，想即所得。大数据数据是信息的基础，是智慧的前提，是所有新技术的依托。大数据是数据的荟萃，对海量数据举行专业化处置惩罚，形成价值，是行业竞争、工业实现盈利的关键。

大数据和云盘算是深度联合的，并和物联网、移动互联网等新兴盘算形态密切相关。人工智能即AI，是以人类智能相似的方式做出反映的智能机械。

人工智能使机械能像人一样思考，并能够胜任一些通常需要人类智能才气完成的庞大事情。未来机械人是否能逾越人类，甚至接受世界，是个尚待讨论的话题。

至少，我们的世界正在借助AI的气力更自动化，更高效化。5G第五代移动通信技术，是最新一代蜂窝移动通信技术。

我们的网络信号，主要就来自于通信基站。随着网络基础设施日渐完善，世界的运作和生长将会更快。在未来，当5G全面笼罩，且所有的设施都实现了智能化后，我们将真正的进入到一个“万物互联”的时代。2. 工具趋势新技术的浪潮下，工具行业的生长和趋势，整体来看，出现云端化和一体化。

云端化云端化是事情载体的厘革，从当地到云端，信息以最快的方式触达和共享。用户无需在当地安装软件和插件，直接在浏览器上使用工具，挣脱了电脑硬件的束缚。

云端拥有强大的盘算能力，使用性能远超一般的当地软件。拷贝传送式的当地模式在文件的共享上，效率远不如链接式的云端模式。

比力典型的例子就是各种在线文档编辑工具。一体化一体化是事情模式的颠覆，流程、工具、资源都应当打破壁垒，让协作更通畅。一体化可以明白为将差别的个体有机融合为一个整体，形成协同效力，实现团体的整体效率和利益最大化，这里的团体可以是项目团队，可以是公司，也可以是整个行业。

用技术的方式扫除相同协作的障碍，能大大提升团体的专业和效率。Figma的模式Figma的愿景是成为设计界的 Google Docs，打造类似 GitHub 的设计共享与协作的社区。这也是我认为Figma现阶段逆袭的原因所在,它敏锐的捕捉到了云端和协同的价值。在已往，设计师和产物、开发者都有明确的角色分配，但随着全栈设计和全链路设计的升温，设计师的角色定位有了更多可能性，可以更进一步融入产物的设计开发流程中。

全栈全链路设计，二者本质上都需要设计师拥有更强的综合思维能力。Figma的跨界功效集成优势，很好的匹配了这种职业生长偏向。Figma的利器大家最关注的，应该还是在详细功效使用上，Figma到底有何亮点。

下面，详细聊聊那些本人现在以为Figma比Sketch更优的功效。1. 全局组件设计组件化的观点是从法式的开发模式中演变而来，是将界面拆分成更小部件使之易于治理的方式。形象化去明白，界面设计就像搭积木，组件是积木，页面是模型，设计师使用组件（积木）搭建成页面（模型）。

组件的内部逻辑，可以用父子关系来形容。原始被复制的组件是父件，复制出来的组件是子件。

以父子关系比喻是因为，在组件逻辑中，父件有变化，子件们会继续，同步变化。这点上，Figma和Sketch是一致的。Figma组件逻辑比Sketch高明在，子件可以灵活处置惩罚继续和嵌套关系。

子件可以各自调整如形状、颜色、尺寸等样式属性，当我们发现某个元素样式复用频率高，也能轻松转酿成新的父件。如此，一个相同的组件可以应对差别场景变化成差别的样式，建构组件体系变得更灵活。Sketch的子件只能复刻父件，任何对组件的修改，都市以完全笼罩掉原始组件的模式完成。因此，当我们使用Sketch构建组件体系时，需要提前把所有可能的样式全部枚举出来。

随着项目日渐庞大，组件庞大臃肿，后续的维护极其繁琐。使用Figma时，父件可以放置任何页面任何位置。

好比把父件放在子件旁边，调整父件的细节时就可以同步看到子件在整个页面中的效果，很利便。而使用Sketch时，组件被牢固放置在另外一个名为Symbols的页面，设计组件和浏览页面效果需要在差别页面切换检察。△ Figma演示△ Sketch演示2. 跨流程工具高保真可交互原型设计Figma可制作高保真的交互原型，无缝完成从设计到原型演示的切换。

它比Sketch生硬的页面跳转友好，适合demo展示。如需制作更庞大的交互，Figma也提供导入Principle的功效。

在手机上预览效果可用 Figma Mirror。支持导入gif文件，演示越发灵活。设计评审反馈内置评论功效，在设计和原型制作模式下都支持注释。

设计和协作是可以同时举行的，任何人都可以在设计图的任何地方添加评论。可以在评论中 @其他人或将评论标志为已解决。

不光可用于设计评审，也是设计走查反馈的利器。前端协作每个 Figma 文件都有代码模式，工程师可以在其中检察设计文件。工程师能在设计图上获取标注，并自行导出所需资源（包罗 CSS、iOS、Android 样式）。共享灵活Figma支持任何文件，页面或画板的共享。

提供权限治理功效，自界说共享人员编辑和检察的权限规模。当建立共享链接时，单击该链接的人将打开Figma的浏览器版本。这种共享形式，使共享方式准确高效便捷。

你可能有这些疑问1. Figma是英文，我看不懂怎么办？打开网站：https://figma.cool/ 支持客户端汉化补丁和Chrome插件。2. Figma基于浏览器，会慢吗？Figma是在线使用，少少占用当地内存，处置惩罚文件速度极快。

使用体验是，飞一般的丝滑。Sketch 太容易卡顿，设计文件一大一多卡顿得就更严重。3. Figma学习成本高吗？对于有Sketch使用履历的设计师，1天足够。

Figma的界面和快捷键，都和Sketch基底细似，而且Figma支持Sketch导入，所有的信息和内容都获得了最大限度的保留，这对项目迁移很是友好。对于未使用Sketch的设计师，笔者认为Figma是现在最易上手好用的设计软件了。4. Figma收费吗？Figma分成低级免费版，专业付费版，企业付费版和教育免费版。

小我私家使用，选择低级免费版就完全足够，无限的文件存储空间，30 天版本历史记载，但只能2人同时编辑。专业版适合团队，比免费版优在有无限的版本历史记载，无限编辑者，无限项目。用度是按月15美元/月/人或按年12美元/月/人。企业版比专业版优在有更多定制化服务。

满足条件的教育者或者学生，可以免费使用。5. Figma的教程、插件、资源在那里？最优秀的教程就是Figma官网——https://www.figma.com/ Figma自己就自带社区功效，提供了富厚的资源、插件，而且一直在更新，Figma的生态情况将会越来越好。优秀的海内Figma学习网站推荐：https://figmachina.com/https://figmacn.com/结语在接下来的10年、20年、50年，设计工具还会给我们带来怎样的惊喜？谁都无法完美预测，但能肯定的是，能脱颖而出的是那些，在流程和模式上做出创举，代表未来偏向的产物。

至少现阶段，Figma打破了原有工具的局限建设了自己奇特的焦点竞争力，而且未来可期。接待大家提出问题和论述更多思考。

本文来源：亚新-www.91baifu.com