▲点击 \”TCC设计情报局\” 关注，回复 \”社群\” 加入我们

本文共 4997 字，预计阅读 13 分钟
TCC 情报局的 第 13 篇 干货分享
2021 年的 第 1 篇

TCC 推荐：大家好，这里是 TCC 设计情报局，我是张聿彤。当前云端设计工具逐渐兴起，强大的云端实时储存、更快的响应速度、便捷的多人协同模式，让多家公司开始使用并追捧。Figma 作为此类工具的领头军，毫无疑问也受到了许多公司与团队的青睐。让我们来看看到底是怎么样的细节，使得这些公司用 Figma 替代了传统的设计软件。

在这篇文章中，我们将重点介绍已普及 Figma 的 10 家一线互联网公司 如何使用这一工具迈向新的高度。文中将配合案例介绍公司所遇到的阶段性问题，以及 Figma 提供的解决方案如何起到关键性作用。
我们花费了数小时，从 Figma 官网、Youtube 网站和其他相关公司的官网（也包括其他来源）来研究和分析数据。需要注意的是，员工的反馈可能会因为实操中遭遇的各种情况和工作环境的差异而有所不同。
Figma 早已向大众证明过自身价值。它既 方便又拥有广泛的功能，Microsoft 和 Uber 等公司对 Figma 的偏爱已经众所周知，在现实中多次被提起。
也许你正在计划开发一个极具潜力的项目，并且正在考虑使用哪种设计工具；或者你就职于一家使用其他工具进行原型制作和设计的公司。无论如何，阅读完本文后，你将会有 10 多个理由开始使用 Figma。
我们的调研结果，将从 小型组织 开始讲述，然后以 大型集团 结尾。
  1  

Notion

员工数量：30+
业务领域：个人生产与团队协同
面临的问题：Notion 是 现代个人生产与协作 的旗舰应用程序之一。而在 2015 年，作为创业公司的 Notion 面临倒闭，一切曾变得阴沉。原因是 该概念版本技术堆栈的潜力不足，从而导致不断出现问题。失败打击了 Notion 的创始人 Ivan Zhao 和 Simon Last 的野心，毕竟他们梦想创建一款优秀的产品，正如他们声称的那样：“一种可以解决人们日常问题的应用程序。”
（堆栈：计算机科学中一种特殊的串列形式的抽象数据类型，其特殊之处在于只能允许在链表或数组的一端进行加入数据和输出数据的运算。另外堆栈也可以用一维数组或链表的形式来完成。堆栈的另外一个相对的操作方式称为队列。）
Figma 如何助力：为了解决这个问题，他们不得不紧急修改应用程序的交互和 UI。在 2018 年概念版 1.0 发行之前，他们使用 Figma 设计后再进行开发，度过了无数的不眠之夜。Notion 的用户体验是如此出色，以至于它赢得了某年的史上最佳体验应用。Notion 的创始人提到，Figma 的实时协作功能 发挥了关键作用。而该公司目前已拥有一百多万的用户。
  2  

Dribbble

员工数量：40+
业务领域：设计师在线交流平台
面临的问题：Dribbble 是远程工作的推动者 —— 该公司的 所有员工都在远程工作。这种舒适的工作方式允许他们有灵活的个人时间表，可以在任何场所办公。但是即使采用这种方式，Dribbble 的管理层仍然面临一个问题，那就是必须创建 协调一致的协作方式，让来自不同时区不同地域的员工像在同个房间工作一样。
Figma 如何助力：理所当然， Figma 成为解决此问题的工具。所有 Dribbble 员工都很高兴他们可以 实时处理同一文件。工作流程加快了，团队可以直接专注于设计，而不是文件管理上无休止的浪费时间。此外，Figma 不仅允许一组设计人员和开发人员共同解决问题，而且还允许所有决策者共同解决问题。
因此，Dribbble 现在 不仅支持在 Figma 中创建设计，还可以使用其 API 进行集成。只需单击几下，就可以直接将 Figma 的作品发送到你的 Dribbble 页面上。
  3  

Bulb

员工数量：500+

业务领域：绿色能源供应
面临的问题：作为可再生/绿色能源供应商，Bulb 在其领域的事业蒸蒸日上。但是，尽管财务上取得了成功且品牌得到了认可，但 Bulb 的工作流程仍存在许多不一致之处。公司的 所有产品都是由不同的机构创建的，所以每个产品在 设计和代码方面都有不同的模板。对于这个问题，Bulb 需要有所作为。
Figma 如何助力：Bulb 决定 创建并统一自己的设计系统，并将其用于指导团队内所有设计和开发人员的工作。最后他们产出了一个时尚且非常易于使用的 Solar 设计系统。对于 Bulb 而言，最重要的是公司的所有员工 —— 设计师、程序员、用户研究专家，都参与了创建设计系统的过程。由于 每个人都参与其中，因此工作时大家都了解如何运用。
结果，得益于 Figma，该公司设计迭代的敏捷指数成倍增加。
  4  

Gusto


员工数量：500+
业务领域：小型贸易平台
面临的问题：Gusto 为小企业提供薪资、人寿保险和团队管理工具方面的服务，因此平台需要确保 标准且高质量的用户体验。尽管用户喜欢目前平台的工作方式，但公司明白当前用户的使用体验并不能充分体现公司的用户服务理念。
Figma 如何助力：品牌重塑并非易事，在每个阶段都需要与不同的利益相关者进行协调，公司决定使用 Figma 作为解决问题的方法。此外，得益于协作功能，Gusto 团队 使每个人都知道工作流程处于什么阶段以及为什么要做出某些决定。通过品牌重塑，该公司变得更加知名，目前拥有超过 10 万个忠实的客户。
  5  
GitHub

员工数量：1000+
业务领域：IT 项目管理与协同开发
面临的问题：就协作而言，GitHub 本身就是一个出色的 协同平台，数百万开发人员、设计师、产品经理可以共同协作并解决问题。但是，该公司面临着许多其他问题 ——  GitHub 员工在 远程工作，因此必须在员工协作时创造条件，让他们像在办公室上班那样方便。除此以外，由于没有文档记录、设计模板已经过时、没有统一的设计产物维护系统，设计人员 一次又一次地创建相同的组件。
Figma 如何助力：为了解决这些问题，在 Figma 的帮助下，GitHub 创建了 统一的设计维护系统 并开始记录 工作流程。同样，由于 Figma 及其 API 的能力，GitHub 用户迭代和更新项目的问题得以解决。使用 Figma 后，GitHub 寻找其他同步更新软件的需求就消失了。当然，反馈过程也得到了提速，因为在单个链接的帮助下，所有员工都可以实时查看或编辑某些文件。
目前，所有 GitHub 员工都已经将 Figma 视为其文化的一部分，没有这个工具就无法工作。
  6  

Zoom

员工数量：2000+
业务领域：视频通讯与在线会议协同
面临的问题：Zoom 是当代视频协作领域的领头军。尽管公司取得了发展上的成功，但工作流程仍不能称得上理想，因为 Zoom 员工 使用了多种工具：设计时用 Sketch，原型制作时用 Invision 或 Framer，传输材料给开发人员时用 Zeplin。从一种工具切换到另一种工具极大地增加了使用成本、减慢了工作流程，并且阻止了对真正重要事物的关注。
Figma 如何助力：当 Figma 投入使用时，Zoom 将上述 所有工具打包到一个软件包中，其团队不再需要使用不同的程序，这极大地提高工作效率，让项目取得了重大进展。此外，得益于 Figma 的易用性，该公司的设计师学会了如何 创建合适的组件，提高了操作技能。
  7  

Deliveroo


员工数量：5000+
业务领域：外卖配送平台
面临的问题：Deliveroo 被公认为是欧洲发展最快的公司之一，在全球 500 多个城市开展业务。其应用程序的 UI 和交互非常令人愉悦且易于使用。但是，Deliveroo 团队使用了与 Zoom 团队相同的方法 —— 他们 使用了多种设计工具，这使得工作无法有效协同，也导致文件在不同版本工具内同步时出现问题的情况。
Figma 如何助力：当 Deliveroo 开始使用 Figma 时，他们的员工立即意识到了该工具的强大功能和有效性。在创建了产品的设计系统后，Deliveroo 团队对这种得到极大改善的协同方式感到高兴。从诸如 “智能选择” 的小功能到 “同步文件” 的大能力，Figma 提供的所有功能使产品从构思到最终产出的转换过程变得更加快捷和便利。

  8  

Airbnb


员工数量：5000+
业务领域：民宿搜索与短租平台
面临的问题：Airbnb 提供了优质的用户体验 —— 从周到的交互操作到优雅的用户界面。公司竭尽所能使来自世界每一处的用户，在查看其他国家和地区的信息时，都能感到宾至如归。然而，Airbnb 团队的设计过程非常复杂且承受极大压力，因为他们 协作时需要使用多个工具，这直接导致留给设计的时间非常少，花在管理工作流程上的宝贵时间更多。
Figma 如何助力：当 Airbnb 员工开始使用 Figma 时，他们意识到自己终于找到了一直寻求的工具。云端储存、快速响应、“多人” 模式（同事之间可以随时随地共享文件）以及其他出色的功能，将自己的使命定义为 “凝聚力” 的 Figma，提高了每个人的工作效率并促进团结感。它对 Airbnb 的发展产生了巨大的影响，为团队注入了新的、开放的设计文化。
  9  

Uber

员工数量：23000+
业务领域：交通与外卖配送平台
面临的问题：Uber 不需要特别介绍 —— 这家巨头享誉全球，拥有多种服务，例如乘车、载客、饮食、货运等。但是，该平台 没有集中化的结构，存在许多组织问题。Uber 团队希望能创建 将所有服务组合起来 并 遵循合规性 的 单一结构，从而为高效生产合作尽可能的创造条件。
Figma 如何助力：该公司声称目前的成功应归功于 Figma。原因是 Figma 的多功能性和易用性使 Uber 能够加快创建 Uber 设计系统 的 Base UI 工作流程，且该系统最终成为公司员工的 设计标准。感谢 Figma，Uber 在工作中实现了 集中化 和 组织化。
  10  

Microsoft


员工数量：150000+
业务领域：计算机技术与软件开发
面临的问题：尽管 Microsoft 自身拥有令人惊叹的 Fluent 设计系统，但其还是决定进一步发展并尽可能 简化设计工作流程。因此，Microsoft 决定在 Figma 中 开发插件，以帮助其设计师提高工作效率。
Figma 如何助力：开发了一系列插件后，其中几款表现优异，逐渐崭露头角。以下是目前比较常见的插件：
  • Content Reel —— 用于查找适用于布局内内容的插件
  • Themer —— 可以让你在库之间轻松切换的插件
  • Find and Replace —— 在 Figma 中充当文本编辑器，在界面上搜索与替换现有文本
  • Paste to Fill —— 用于复制图像并将其作为图层粘贴的插件
  • Button Resizer —— 可将文案不匹配区域的按钮按照内容重新设置宽度的插件
  • Focus Orderer —— 快速注释设计的焦点/选项流程，以保持设计的可访问性插件
看到这么多插件，如果有天微软收购 Figma，也就不足为奇了。我们走着瞧吧！
这份名单上只有 10 家公司，但是还有很多其他值得一提的公司：Twitter，Rakuten，Dropbox，Slack，沃尔沃等。所有的例子证明了 Figma 是设计和原型开发的未来，那些重视 效率、功能性 和渴望 简化流程 的公司正在朝使用 Figma 的方向转变。
我们还想强调，那些雇员人数不多的公司案例（例如 Dribbble 和 Notion），证明了有好想法的人都可以在不久的将来启动自己的项目（尤其是在新冠疫情期间）—— 哪怕身边只有 2、3 个人，甚至只有你自己，都可以通过 Figma 的协同和设计管理能力，良好地开展项目。

原文：https://blog.prototypr.io/for-those-10-companies-figma-was-a-starting-point-to-new-heights-611db7ee3b2b
作者：Roman Kamushken
译者：徐曼鹭
本文翻译已获得作者的正式授权（授权截图如下）
往期精选文章：

TCC 视野｜2021 年用户体验设计趋势分析

引导用户的行为，全靠这些心理学理论

引起热议的 Google 新 logo 到底出了什么问题？

想要做一款具备用户吸引力的产品吗？你需要懂得行为设计学

设计新趋势「玻璃拟态」到底是什么？如何制作实现该效果？

设计系统从 Sketch 迁移到 Figma 会遇到哪些问题？一起来看国外设计团队的实践经验

Don Norman设计原则的实践与深化

– 设计师自习社区 –
TCC 设计情报局欢迎小伙伴加入，一起交流设计知识，了解全球设计资讯，锻炼英文能力，发掘更多可能性～
添加小助手微信，备注「社群」，即可加入读者群。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。