与团队一起为网站和移动应用设计用户界面非常简单：使用 Figma，这是一款功能强大且免费的原型工具。由于其重视在线协作，并提供基于浏览器的额外界面，任何人都可以参与到设计流程中来。它唯一的缺点是免费版工具存在一些限制。这可能是我们对 Figma 最基本的认知。通过阅读这篇包含完整细节的Figma 评测，让我们进一步了解它。
与您的团队一起为网站和移动应用程序设计用户界面非常简单：使用 Figma，一种强大的免费原型制作工具。由于强调在线协作和额外的基于浏览器的界面，任何人都可以参与设计过程。该工具免费版的限制是它唯一的缺点。
此外，专门用于创建用户界面的基于 Web 的程序称为 Figma (UI)。它由一小群谷歌开发人员于 2015 年开发，他们旨在创建一种更有效的方法来协作 UI 项目。他们认为当前的工具（如 Photoshop 和 Sketch）不够通用，这激怒了他们。因此，他们着手开发一些新颖的东西，让人们能够更快地完成更多的任务。
此外，作为成果的 Figma 于 2016 年上市。此后，它已被数千名专家设计师使用，并被下载了数百万次。由于它为客户提供了其他软件所缺乏的特殊功能组合，因此其受欢迎程度迅速提高。
专业的照片编辑程序 Photoshop 已经存在了一段时间。设计师和摄影师使用 Photoshop 编辑照片以调整裁剪、调整大小和颜色等内容。 2016 年推出了一个名为 Figma 的全新网络应用程序。它旨在帮助用户为网站和其他数字产品制作线框、原型和模型。以下是您使用 Figma 而不是 Photoshop 的三个重要原因。
◆ 简单易用。 Figma 的易用性是其主要优势之一。没有让人迷惑的工具栏或菜单。你只需要从屏幕顶部的主菜单中进行选择即可。
◆ 不需要任何经验。 与 Photoshop 不同，学习 Figma 不需要任何事先知识。任何人都可以立刻上手并开始工作。
◆ Figma 非常适合设计师，因为它并不是用来取代 Photoshop 的。 它是一款辅助应用，帮助网站设计师提升他们的工作。
Figma 是一款免费工具，每月和每年的订阅价格合理。免费界面设计程序 Figma 的高级月度和年度会员资格适用于高级用户。当然，免费版有限制。用户可以制作三个 FigJam 文件和三个 Figma 文件。对于休闲消费者、相对较小的团队和独立设计师来说，这并不糟糕。
对于已经付费的用户，有两种升级方式可供选择。 Professional 中的团队库、音频谈话和文件添加是无限的。如果您需要保持品牌一致，这很有用。每位编辑的月费为 $15、14 英镑或 24 澳元。编辑的月费为 $12、£11 或年度订阅 19 澳元。
组织的年度订阅费用为每位编辑每月 $45/41 英镑/71 澳元，包括 Professional 所做的一切，以及组织范围的图书馆、分析和集中文件管理。
在 Figma 系列中高度灵活但仍然吸引人的 PVC 可动人偶的帮助下，您可以以您喜欢的姿势展示您最喜欢的角色。此外，采用 ABS 和 PVC 制成的 Figma 系列公仔可动。每个人偶都配有一个灵活的支架。人物的高度范围为 13 至 16 厘米，具体取决于角色的身高。
查找由我们的员工创建的 300 多个模板，以帮助您启动一个想法或将其塑造成新的东西。请从上面的导航开始，或向下滚动以浏览我们最喜欢的一些创意类别。用户最喜欢的一些 Figma 模板如下：
◆ 线框套件。 我们基于组件的线框套件可以让你快速验证想法，加速网站设计流程。
◆ 利用我们的产品开发模板来规划你即将开展的构建工作。 FigJam 模板从产品旅程的起点到最终成品，为你提供一条可靠的路线图，让你可以自信地掌握方向盘。
◆ FigJam 可以让产品规划更有活力。 打造卓越产品的第一步，是一个能带来共识而非混乱的规划流程。了解 FigJam（一个在线团队白板）如何让规划变得更具包容性、更高效且更有趣。
Figma 插件允许您： 引入图标。此外，您可以将插件图标文件拖放到 Figma 中。迅速换出选定的图标。对于开发人员，查看导入图标的代码。插入代码以导入唯一的 SVG。它也解码 data: URI。它是免费的！ Iconify 总是将图标导入为 SVG，这与其他提供更多图标但需要钱才能使用 SVG 的插件不同。开源 Iconify 项目专门提供开源图标集。
此外，插件会跟踪您访问的最后一个页面，使浏览或搜索符号变得简单。从选项页面，您可以随时重置插件。插件中还为使用小型显示器的用户提供了紧凑模式。通过单击菜单（3 行）链接启用微小宽度选项。
Figma 最重要的功能之一是自动布局，由于其适应性，它在其他设计程序的类似功能中脱颖而出。从本质上讲，它使您能够构建框架和组件，以便它们可以自动扩展，从而使容器适应其内容的大小，反之亦然。
创建一个 Figma 帐户
访问 www.figma.com，单击“注册”，然后填写表格以开始使用 Figma。完成后，Figma 将启动并显示如下所示的开始屏幕。首先，选择“新建文件”，然后开始吧！
探索 Figma 的界面
Figma 界面外观和感觉非常简单，但隐藏了几个强大的功能。
◆ 工具。 你最常用的工具——画框、形状、文本等——都可以在这里方便地访问。（我们会在接下来的几天里逐一介绍这些工具。）
◆ 选项。 在本区域会显示你所选工具的附加选项。当未选择任何对象时（如上图示例），Figma 会在此处显示文件名。当选中对象时，与其相关的上下文选项会出现在这里。
◆ 图层。 每个文件的组成部分都会在此列出，并归类到 Frame（画框）和 Group（分组）中。
◆ 画布。 你在这里完成并审阅所有作品。
◆ 检查器。 对于任何选中的对象，检查器都会显示其上下文信息和设置。在上图中，我们可以看到的是画布本身的相关选项。我们会在本周稍晚的时候讨论这些内容。请注意，Figma 在检查器中提供了不同的选项卡（Design、Prototype 和 Code）。
创建框架
要选择 Frame 工具，请按 F。你也可以在窗口顶部的 选项 栏中选择 Frame 工具图标作为另一种方式。如果你习惯使用 Sketch，也可以按 A 来选择 Artboard。
建立文字图层
现在我们来编写一些内容。在按下 T 选择 文本 工具后，在你的 iPhone 画框中任意位置单击，以添加一个 文本 图层。我们输入 Sign In，因为这将成为按钮设计的一部分。按下 Escape 退出文本工具。
图层应排列成矩形
按 R 选择矩形工具。在刚创建的文本周围绘制一个矩形，使其呈现为按钮的形状。
对齐文本和矩形
通过按 Escape 或 V，确保已选择移动工具，然后拖动一个 框选区域（marquee） 将文字和矩形一起选中。
修改字体
您可以在选择文本层时访问 Inspector 的设置以更改字体及其大小、粗细和颜色。 Roboto 仍在使用，但文字现在是粗体和大写的。尝试研究您的选择！
保存和命名文件
今天最后一项任务是给我们的文件命名；为此，先通过 Escape 选择所有对象，然后单击窗口顶部显示 Untitled 的位置。接着输入名称，然后按 保存（Save） 完成。
| 计划和价格 | 界面与体验 | 设计 | 在线协作 |
| 4.0 | 4.5 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.5 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.5 | 4.5 | 4.5 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
Figma 宕机了吗？
您的 Figma 文件可能由于多种原因而崩溃。重新启动计算机是最常见的解决方案。如果不起作用，请尝试重新加载文件或在其他浏览器中打开它。
如何在 Figma 中裁剪形状？
当您从屏幕左上角的填充模式下拉菜单中选择裁剪时，Figma 会在图像的边缘添加八个蓝色手柄。然后，您可以通过单击并向任意方向拖动蓝色手柄来决定要显示多少图像。
Figma 容易学吗？
Figma 是新 Web 设计人员学习的相对容易的程序。之所以如此，是因为 Figma 为用户提供了一个受限的免费版软件，没有内置时间限制，而且这些工具易于使用。
结论
您将从这篇文章中很好地理解 FIGMA，以及它的主要优点和缺点。 FIGMA 是一个用于创建 Web 应用程序的开源、基于团队的软件开发平台。它有代码编辑器、测试工具和富文本编辑器。模型-视图-控制器 (MVC) 是 FIGMA 的基础。即使它有某些缺点，您也可以通过上面提到的几个简单步骤轻松学习 Figma，这要归功于它的优点。我们希望这篇文章能为您提供所有细节。
你觉得这有用吗？
329 票
是的感谢您让我们知道！
不感谢您让我们知道！ 
Pixlr Editor Review：面向高级用户和低成本
照片编辑器
FastStone Review：轻松编辑和转换照片
照片转换器
VSCO 应用评论：创建、制作、编辑和发布图像
照片编辑器
Snapseed Review 及其专业编辑器替代品
照片编辑器
