Figma 上的网站设计优点和缺点

现代设计师的武器库中有许多工具可以满足各种品味、颜色和预算。有些几乎每个专家都使用，而另一些则只有一小部分人听说过。 Figma 是最早的之一。越来越多的网络工作室正在转向这个年轻的应用程序。他的秘密是什么——我们将在文章中探究。 Figma是什么 Figma 是为设计师和网页开发人员提供的在线服务。它为移动应用程序和网站开发界面。它具有较低的用户培训要求和巨大的潜力且相对简单。一个关键功能是实时协作的能力。 与大多数类似产品一样，该服务通过订阅方式分发。

还为一个项目提供免费访问

此版本中的功能有限，但对于成熟的工作来说已经足够了。对于网络工作室和大型组织，有两种付费计划适合： 专业人士——每月 15 美元（如果按年支付则为 12 美元）； 组织 – 每月 45 美元（仅限年度）。 除了在线模式外，Figma 还有桌面版本。它是跨平台的 Windows、MacOS 和 Linux。该应用程序不需要系统资源。还组织了与企业通讯软件 Slack 和 Framer 原型设计工具的集成。 Figma 的优点 免费版 Figma 有免费版本。其功能足以完成一个项目的高质量工作。云存储的大小、草稿中的文件数量、查看者、评论者和编辑者的数量没有限制。

过去 30 天的所有文件版

本都会保存。著名竞争对手（Photoshop、Sketch）的产品完全付费。 在云端工作 文件存储在云端。每个人都可以从世界任何地方 24/7 访问。无需通过邮件、物理介质、第三方服务传输源，或为它们创建单独的服务器。同步项目版本没有问题。每个人都可以获得最新的文档。 共享项目 借助在线和云存储，整个团队可以同时处理该项目。交互是实时发生的。同事所做的更改将立即可见。导师很容易监督他们的学员。除了编辑之外，还可以查看和评论结果。客户将能够评估结果并立即撰写评论。 自动保存和版本控制 Figma 本身会在更改后保存项目。

无需在每个操作后不断按

WhatsApp 号码可以彻底改变您与他人联系的方式。WhatsApp 让您可以非常轻松地与朋友、家人和商业伙 whatsapp 号码数据 伴取得联系。如果您想查找 WhatsApp 号码，请先使用正确的格式并调整隐私设置。始终保持安全并考虑他人。使用 WhatsApp，立即发现即时通讯。

Ctrl+S，例如在 Photoshop 中。还有上个月的版本控制。该平台进行自动复制。如果需要，可以手动更改此参数。源代码丢失或损坏几乎是不可能的。 多平台 Figma 的全部功能可直接从浏览器获得。无需下载额外的程序。对于那些不习惯这种方式工作的人，可以使用适用于 Windows、MacOS 和 Linux 的应用程序。无需购买专门的硬件，例如用于 Sketch 的 MacBook。 简单易学 开发者已经完善了平台界面。所有功能元素都触手可及。热键分为几类。菜单很明确，寻找工具没有问题。专家将在 2-3 天内了解所有复杂的情况。初学者将能够在一天的课程中制作简单的原型。新功能发布在 Figma 博客和 Twitter 上。

表现 通常设计人员需要

强大的硬件来处理专门的应用程序。否则一切都会挂起。进行最轻微的编辑就需要几个小时。 Figma 消除了这种刻板印象。 Photoshop 悬挂在哪里，它就会飞翔。为了舒适地运行它，没有必要购买高端笔记本电脑或电脑。但她也有 可以制作 PowerPoint 吗？ 自己的局限性。编辑包含多个页面和数十个画布的大型文档时，内置视频卡可能会出现冻结现象。 组件和框架 框架是一个现成的画布，有自己的参数。组件是模板块形式的框架。网页的所有元素（按钮、图标、表单等）都可以转换为组件，并且可以从它们组装现成的页面，就像从构造函数一样。 所有组件都从属于父副本：如果其中发生更改，则更改将影响所有子组件。在这种情况下，对子副本的更改不会以任何方式影响原始副本。

这节省了大量时间在其他

编辑器中，每个副本都必须手动更改。 方便的元素对齐 在 Figma 中，元素的对齐得到了很好的实现。例如，您需要将它们放置在彼此相同的距离处。在 Photoshop 中，您必须手动执行此操作或下载其他插件。这里有一个单独的按钮。 只需拖动对象即可交换它们。所有缩进均被保留。 “水平打包”和“垂直打包”命令将元素按指定方向紧密地组合在一起。 复制样式 该服务具有复制对象样式的功能。您可以复制整个内容，也可以只复制一部分，或者提前准备好并将它们应用到任何元素。

与组件一样如果更改样式更

改将自动影响所有源。这同样适用于文本样式。如果您编辑其中之一的参数，则所有文档中的该样式都会发生变化。 绑定 该函数固定元素相对于边界的位置。如果它们移动，附加到它们的对象将调整其相对位置以适应新的尺寸。例如，在竖屏布局中，手机固定在左上角，Logo固定在右下角。在水平屏幕位置，它们将保留在角落里。这使得开发响应式设计变得 电话号码 香港 更加容易。但您需要留意物体的大小。如果过度，装订就会歪斜。 交互式原型 该项目可以通过链接向客户展示，而不仅仅是静态图片。无需解释这个或那个元素如何工作。客户可以在演示模式下看到所有内容，并可以亲自进行测试。例如，查看布局之间的动画过渡、桌面和移动设备上的网站设计等等。该功能无法与专门的原型设计应用程序相媲美，但足以完成许多任务。 图1. Figma 中的原型设计 矢量图形 Figma不仅适用于光栅图形，也适用于矢量图形。

它拥有您需要的一切但其

功能达不到成熟的矢量工具，例如 Corel Draw 或 Illustrator。它适合对矢量对象进行简单的操作。可以从 Illustrator 或 Sketch 导入现成的矢量。 转让给开发商 仅仅绘制布局是不够的，您还需要对其进行布局。经验丰富的设计师会为每个元素编写指南，以便开发人员将图像转换为代码时不会遇到问题。在 Figma 中这是没有必要的。对于布局设计师来说，有自己的代码模式。只需选择一个元素即可查看其参数、属性和缩进。这简化了布局过程。 与谷歌字体同步 在图形编辑器中，系统中未安装的字体会被替换为标准字体。 Figma 通过与 Google 字体库同步解决了这个问题。如果所需的字体不存在，Figma Font Helper 实用程序将帮助您安装它。 图2.在 Figma 工作 设备模型 模型是一种特殊的布局。它展示了设计在真实物体上的外观。

有不同设备的模型

。在开发阶段，您可以看到网站将如何在平板电脑、iPhone、Apple Watch 等上显示。选项会更改小工具的类型、颜色和背景。 插件 该服务有一个庞大的插件库。它展示了来自私营公司和开发者社区的产品。所有这些都是可定制的，并改进了已经丰富的功能。 Figma 的缺点 处理文本的功能较差 该服务有文本样式，但没有足够的工具来处理排版（设计规则）。例如，您无法在本地设置字母间距、调整单独段落的缩进或指定行距（行距）。布局设计者在打开包含文本的图层之前不会知道使用什么字体。文本的另一个问题是代码和设计模式中的样式可能不同。 需要互联网连接 Figma是一项云服务。要在其中工作，您需要良好的互联网连接。即使您不是在浏览器中运行它，而是在应用程序中运行它。无法在村庄、别墅和其他覆盖较差的地方进行布局。 确定实际元素尺寸和距离 布局设计师抱怨很难确定物体的实际尺寸和距离。正如他们所说，你必须“用手鼓跳舞”。如果设计者没有去掉透明背景或者把文字调整歪了，就会出现更大的问题。

重叠层 为了制作高质量的

布局，您需要有关每个元素的信息。在代码模式下，由于图层重叠或冻结，它可能不可用。程序员必须进入布局并手动关闭某些层。 插件操作不正确 Figma 有很多插件，但它们很快就失去了相关性。这是由于平台频繁更新造成的。扩展作者根本无法跟上开发人员的步伐。 没有黑暗主题 事实证明，深色主题可以减少眼睛疲劳。长时间对着电脑工作时，这是至关重要的。 Figma 默认没有它。如果您可以通过安装扩展以某种方式解决浏览器中的问题，那么在应用程序中则更难做到这一点。有专有插件，但它们在下次更新后停止工作。

结果如何对于设计

师来说是一个很棒的工具。它有很多有用的功能和集成。它无法完全取代传统的图形编辑器和专业原型制作服务，但它以其多功能性和完全绘制网站的能力领先于它们。无论是初学者还是经验丰富的专业人士都应该熟悉它。 需要一个现代化的网站吗？白乌鸦实施您的项目。我们将开发、优化、推广、设置广告、与CRM对接。致电我们或在网站上留下请求。我们很乐意提供帮助。 如果您喜欢这篇文章，请喜欢并在社交网络上分享。您想收到更多有用的文章吗？订阅我们的时事通讯。每周我们都会简短地写一篇有关网络营销的文章。