Skip to content

Iconify for Figma

借助 Figma 的 Iconify 插件,您可以将超过 275,000 个矢量图标导入 Figma。

它完全免费!

与其他提供大量图标但使用 SVG 需要付费的插件不同,Iconify 始终以 SVG 格式导入图标。 Iconify 项目是开源的,仅提供开源图标集。

插件会记住您上次访问的页面,方便您继续搜索或浏览图标。

对于显示器较小的用户,插件提供了紧凑模式。 切换紧凑模式的按钮位于插件窗口的右上角。

安装

您可以从 Iconify 插件页面 安装 Figma 版 Iconify。

使用方法

在 Figma 菜单中选择 "插件",然后选择 "Iconify"。

浏览或搜索图标,选择任意图标,点击 "导入图标" 按钮或将图标拖拽到 Figma 文档中。

详细说明

打开插件后,您将看到主页面:

Iconify for Figma: 主页面

点击任意图标集或搜索图标。

点击图标集后,插件将显示该图标集中的所有图标。 您可以按类别筛选图标(如果当前图标集支持),或搜索图标。

要显示更多图标,只需滚动图标列表即可。

Iconify for Figma: 图标集

您还可以在所有图标集中搜索图标。 例如,搜索 "gear"(齿轮):

Iconify for Figma: 图标搜索结果

插件将显示所有匹配您关键词的图标。

将鼠标悬停在任意图标上时,您将看到一个显示更多信息的按钮。

悬停在该按钮上会显示图标名称。点击它,您将看到:

  • 图标尺寸。
  • 作者信息和许可证(仅在搜索结果中显示)。
  • 快速将图标导入为组件或画框的按钮,以及获取代码示例的按钮。

您可以通过以下方式导入图标:

  • 使用图标工具提示中的快速导入按钮。
  • 将图标从插件窗口拖拽到 Figma 文档中。
  • 点击图标选中它,然后使用插件窗口底部的按钮进行导入。

高级导入

选中图标后,它将出现在页面底部并附带选项:

Iconify for Figma: 图标代码

对于没有硬编码调色板的图标,提供颜色选择器, 显示最近使用的颜色和可用的颜色样式:

Iconify for Figma: 颜色选择器

紧凑模式

如果您的窗口空间有限,可以将插件窗口调得更小。

点击右上角的紧凑窗口按钮,插件窗口将变得非常小巧:

Iconify for Figma: 紧凑模式

支持与反馈

欢迎提供反馈。

查看插件中的 "反馈" 页面,或访问网站上的支持页面