现代设计师的武器库中有许多工具可以满足各种品味、颜色和预算。有些几乎每个专家都使用，而另一些则只有一小部分人听说过。 Figma 是最早的之一。越来越多的网络工作室正在转向这个年轻的应用程序。他的秘密是什么——我们将在文章中探究。 Figma 是什么 Figma 是为设计师和 Web 开发人员提供的在线服务。它为移动应用程序和网站开发界面。
它的用户培训要求
较低，潜力巨大且相对简单。一个关键功能是实时协作的能力。与大多数类似产品一样，该服务通过订阅方式分发。还为一个项目提供免费访问。此版本中的功能有限，但对于成熟的工作来说已经足够了。对于网络工作室和大型组织，有两种付费计划适合： 专业版 – 每月 15 美元（如果按年付费则为 12 美元）；组织 – 每月 45 美元（仅限年度）。
除了在线模式外还有桌
面版本。它是跨平台的 Windows、MacOS 和 Linux。该应用程序不需要系统资源。还组织了与企业通讯软件 Slack 和原型工具 Framer 的集成。 Figma 免费版本的优点 Figma 有一个免费版本。其功能足以完成一个项目的高质量工作。云存储的大小、草稿中的文件数量、查看者、评论者和编辑者的数量没有限制。过去 30 天的所有文件版本都会保存。著名竞争对手（Photoshop、Sketch）的产品完全付费。
在云中工作 文件存储
对于任何想要扩大其在印度业务范围的企业来说，印度电话号码列表都是一个至关重要的工具。列表中的条目必须是最新的，并且包含最新的正确联系信息。这种列表 印度手机号码数据 可以制定更好的营销策略，增加客户参与度，并提升公司的销售额。高质量的印度电话号码列表将使企业能够有效地与潜在客户沟通，并轻松扩大其客户群。
在云中。每个人都可以从世界任何地方 24/7 访问。无需通过邮件、物理介质、第三方服务传输源，或为它们创建单独的服务器。同步项目版本没有问题。每个人都可以获得最新的文档。共享项目访问得益于在线和云存储，整个团队可以同时处理该项目。交互是实时发生的。同事所做的更改将立即可见。导师很容易监督他们的学员。除了编辑之外，还可以查看和评论结果。客户将能够评估结果并立即撰写评论。
自动保存和版本
控制 Figma 本身会在更改后保存项目。无需在每个操作后不断按 Ctrl+S，例如在 Photoshop 中。还有上个月的版本控制。该平台进行自动复制。如果需要，可以手动更改此参数。源代码丢失或损坏几乎是不可能的。多平台 Figma 的全 2024 年排名前 7 的快速、安全的 Linux 托管 部功能可直接从浏览器获得。无需下载额外的程序。对于那些不习惯这种方式工作的人，可以使用适用于 Windows、MacOS 和 Linux 的应用程序。无需购买专门的硬件，例如用于 Sketch 的 MacBook。简单易学开发人员完善了平台界面。所有功能元素都触手可及。热键分为几类。菜单很明确，寻找工具没有问题。专家将在 2-3 天内了解所有复杂的情况。初学者将能够在一天的课程中制作简单的原型。新功能发布在 Figma 博客和 Twitter 上。性能 通常，设计人员需要强大的硬件才能在专门的应用中工作。否则一切都会挂起。
进行最轻微的编辑就需
要几个小时。 Figma 消除了这种刻板印象。 Photoshop 悬挂在哪里，它就会飞翔。为了舒适地运行它，您不必购买高端笔记本电脑或电脑。但她也有自己的局限性。编辑包含多个页面和数十个画布的大型文档时，内置视频卡可能会出现冻结现象。组件和框架 框架是一个具有自己参数的现成画布。组件是模板块形式的框架。网页的所有元素（按钮、图标、表单等）都可以转换为组件，并且可以从它们组装现成的页面，就像从构造函数一样。所有组件都从属于父副本：如果其中发生更改，则更改将影响所有子组件。在这种情况下，对子副本的更改不会以任何方式影响原始副本。这节省了大量时间。
在其他编辑器中，每个副本都必须手动更改。方便的元素对齐 Figma 具有高质量的元素对齐功能。例如，您需要将它们放置在彼此相同的距离处。在 Photoshop 中，您必须手动执行此操作或下载其他插件。这里有一个单独的按钮。只需拖 电话号码 it 动对象即可交换它们。所有缩进均被保留。 “水平打包”和“垂直打包”命令将元素按指定方向紧密地组合在一起。复制样式 该服务具有复制对象样式的功能。您可以复制仅部分，或提前准备并将其应用于任何元素。与组件一样，如果更改样式，更改将自动影响所有源。这同样适用于文本样式。如果您编辑其中之一的参数，则所有文档中的该样式都会发生变化。
锚点 该功能固定元素
相对于边界的位置。如果它们移动，附加到它们的对象将调整其相对位置以适应新的尺寸。例如，在竖屏布局中，手机固定在左上角，Logo固定在右下角。在水平屏幕位置，它们将保留在角落里。这使得开发响应式设计变得更加容易。但您需要留意物体的大小。如果过度，装订就会歪斜。交互式原型 该项目可以通过链接向客户展示，而不仅仅是在静态图片上。无需解释这个或那个元素如何工作。客户可以在演示模式下看到所有内容，并可以亲自进行测试。例如，查看布局之间的动画过渡、桌面和移动设备上的网站设计等等。该功能无法与专门的原型设计应用程序相媲美，但足以完成许多任务。
图1. Figma 矢量图形原型 Figma 不仅是光栅图形的编辑器，而且也是矢量图形的编辑器。它拥有您需要的一切，但其功能达不到成熟的矢量工具，例如 Corel Draw 或 Illustrator。它适合对矢量对象进行简单的操作。可以从 Illustrator 或 Sketch 导入现成的矢量。交给开发人员绘制布局还不够，还需要布局。经验丰富的设计师会为每个元素编写指南，以便开发人员将图像转换为代码时不会遇到问题。在 Figma 中这是没有必要的。对于布局设计师来说，有自己的代码模式。只需选择一个元素即可查看其参数、属性和缩进。这简化了布局过程。与Google字体同步在图形编辑器中，系统中未安装的字体会被替换为标准字体。 Figma 通过与 Google 字体库同步解决了这个问题。如果所需的字体不存在，Figma Font Helper 实用程序将帮助您安装它。图2.使用 Figma 设备模型 模型是一种特殊的布局。它展示了设计在真实物体上的外观。
有不同设备的
模型。在开发阶段，您可以看到网站将如何在平板电脑、iPhone、Apple Watch 等上显示。选项会更改小工具的类型、颜色和背景。插件 该服务有一个庞大的插件库。它展示了来自私营公司和开发者社区的产品。所有这些都是可定制的，并改进了已经丰富的功能。 Figma 的缺点 处理文本的功能较差 该服务具有文本样式，但没有足够的工具来处理排版（设计规则）。例如，您无法在本地设置字母间距、调整单独段落的缩进或指定行距（行距）。布局设计者在打开包含文本的图层之前不会知道使用什么字体。文本的另一个问题是代码和设计模式中的样式可能不同。需要访问互联网 Figma 是一项云服务。要在其中工作，您需要良好的互联网连接。即使您不是在浏览器中运行它，而是在应用程序中运行它。不可能在村庄、别墅和其他覆盖较差的地方进行布局。
确定元素的实
际大小和距离 布局设计者抱怨很难确定对象的实际大小和距离。正如他们所说，你必须“用手鼓跳舞”。如果设计者没有去掉透明背景或者把文字调整歪了，就会出现更大的问题。重叠层 要制作高质量的布局，您需要有关每个元素的信息。在代码模式下，由于图层重叠或冻结，它可能不可用。程序员必须进入布局并手动关闭某些层。插件操作不正确 Figma 中有很多插件，但它们很快就失去了相关性。这是由于平台频繁更新造成的。
扩展作者根本无法跟上开发人员的步伐。缺乏深色主题 事实证明，深色主题可以减少眼睛疲劳。长时间对着电脑工作时，这是至关重要的。 Figma 默认没有它。如果您可以通过安装扩展来解决浏览器中的问题，那么在应用程序中执行此操作会更加困难。有专有插件，但它们在下次更新后停止工作。
