Iconify for Figma 有哪些新功能

欢迎使用全新的 Figma Iconify 插件。

2024 年，该插件已完全重写。 新版本与旧版本毫无共同之处，因此这是一次相当彻底的变革， 需要一份教程来引导。

失败的重设计

本页面展示了一次失败的新 UI 发布。

如需查看正确的页面，请参阅 插件更新，第二次尝试。

出了什么问题？

想法很好，但实现得很糟糕。我过于专注于添加功能，却忽略了用户体验。

存在的问题：

• 到处都是工具提示，非常烦人，滚动时工具提示会不断弹出，严重影响操作。
• UI 元素设计不佳。按钮与其他元素区别不大，导致难以辨认。
• 颜色过载。过多鲜艳的颜色分散了对内容的注意力。
• 一些核心功能（如搜索框）需要多次点击才能访问。

该版本的插件仅上线了 3 天。

在收到大量负面反馈后，插件已回退至旧版本。 随后，新版本被 从头开始重新设计。

……现在回到正题，继续展示这次失败的发布过程。

全新 UI

您首先会注意到的变化是全新的布局。

插件的设计旨在尽可能在最小的空间内容纳最多的内容。

您可以通过点击导航栏中的按钮切换紧凑宽度，使其变得更小。

由于空间有限，插件使用工具提示来显示附加信息。

许可证信息

最大的变化之一是提供了更详细的许可证信息。

尽管所有图标集都是开源的，但并非所有开源许可证都相同。 有些要求署名，有些则禁止商业用途。

新插件在多个位置显示了署名要求和商业用途限制：

• 在图标集列表中，每个图标集的工具提示内。
• 浏览图标集时，显示在图标集名称的工具提示中。
• 浏览图标时，显示在每个图标的工具提示中。

此外，您还可以按许可证过滤图标集和搜索结果（见下文）。

高级筛选器

图标集数量众多，找到您想要的图标集可能颇具挑战。

新版插件提供了高级筛选器，帮助您快速定位图标集。

您可以按以下条件筛选图标集：

• 类别
• 调色板
• 许可证
• 图标网格
• 标签（即将推出）

收藏图标集

现在您可以将图标集标记为收藏。

在查看图标集时，点击星形按钮即可完成操作。

浏览图标集列表时，如果您已收藏了某些图标集， 将会看到仅浏览已收藏图标集的新选项。

所有列表（收藏和最近使用的图标集、最近使用的图标）均被视为私有数据（存储在 Figma 中），并且可以随时清除。

可滚动图标

旧版插件使用分页来显示大量图标。 您需要点击页码按钮才能查看更多图标，这并不方便。

新版插件完全重新设计了图标视图：

• 现在您可以滚动浏览图标。
• 图标列表会占据所有可用空间，因此插件窗口越大，显示的图标就越多。
• 如果您更喜欢使用分页，也保留了分页功能。

颜色样式

导入图标时，您现在可以在颜色选择器中选取颜色样式。

由于 Figma 插件系统的限制，颜色选择器可能无法显示所有颜色样式。

插件可访问：

• 当前查看文档中定义的颜色样式。
• 所选图层中使用的颜色样式。

因此，如果您有从其他文档共享的颜色样式，插件可能无法识别它们。 要将其添加到颜色选择器中，您需要选中任何使用了该颜色样式的图层。

仅支持纯色

请注意，插件仅支持单一纯色的颜色样式。

不支持渐变、图案或带有透明度的颜色。

替换图标

如果您选中了包含之前通过插件导入的图标的图层， 将会看到替换该图标的选项。

替换图标的选项在旧版插件中就已存在，但现在已重新设计。

替换图标时，新图标将保留旧图标的：

• 尺寸。
• 颜色。同时支持颜色样式。

动态图标

遗憾的是，Figma 不支持 SVG 动画。

但这并不意味着您不能在设计中使用动态图标。

新版插件允许您将动态图标导入 Figma。 它会解析动画，移除动画效果，并导入不带动画的静态图标。

这使您可以在设计中使用动态图标。

在生产代码中，您可以从 Iconify 网站复制包含完整动画的 SVG， 或使用 Iconify 图标组件。

已移除的功能

并非旧版中的所有功能都保留到了新版中：

• 粘贴 SVG 的功能（该功能还会解码包裹在 url() 中的图标）。
• 最小化插件窗口的选项。如果用户有需求，该选项可能会回归，但首次发布时暂不提供。
• 各种配置选项。

反馈

欢迎提供反馈。

请查看插件内的 "feedback" 页面，或访问网站支持页面。