Figma 模板指南

本指南介绍了为创建符合 Featherity 设计指南的图标而在 Figma 中进行设置的步骤。

设置画框

在 Figma 中创建新文档时，每个您想要创建的单个图标都必须在单独的画框中创建。

为此，请创建一个 24x24 像素的画框。

1. 点击画框按钮（或按 F）
2. 绘制一个 24x24 的画框（或事后在设计窗口中编辑它）

在这个新建的画框中，您将创建您的图标。如果您愿意，可以将画框的名称更改为要创建的图标名称。然后它将被导出为 FRAME-NAME.svg。

创建您的图标

要在 Feather Icons 风格中设计您的图标，您需要在 Figma 中调整一些设置。

使用钢笔工具在新的画框中绘图。您可以通过顶部的窗口打开它，或使用快捷键 P。一旦您在画框中点击，您就可以在右侧的设计窗口中调整钢笔工具的设置。

设置以下内容：

1. 矢量
   1. 圆角半径：2px
2. 描边
   1. 描边宽度：2px
   2. 描边对齐：居中

导出或复制您的图标

完成图标后，您可以导出它。

1. 选择画框
2. 在右侧打开 Export 选项卡
3. 将文件类型设置为 SVG
4. 按导出

或者您也可以将其源代码复制为 SVG。

1. 选择画框
2. 右键单击它
3. 点击 Copy/Paste as
4. 点击 Copy as SVG

就是这样。您刚刚制作了您的第一个图标。恭喜！

Figma 提示

1. 图标设计指南 规定，在分离的元素之间保持 2px 间距。在 Figma 中，您可以轻松使用 ⌥ Option (MacOS) 或 Alt (Windows) 来检查这一点。