创建自定义按钮图标,图像学是一门失传的艺术。插图非常耗时，而且已经有丰富的资源。因此，重新发明轮子并不总是值得的。但是我们可能需要一种特定的艺术风格，或者我们使用的图标框架可能没有我们想要的图标，所以值得深入研究一下插图在 Figma 中的工作原理。在本教程中，我们将学习如何在 Figma 中绘制和操作矢量，同时创建一个心形图标来伴随按钮。
首先创建一个 16×16 的框架，这将是我们图标的边界框。 Paul Wilshaw在他关于图标设计的文章中解释了为什么最好使用 16×16 。
接下来，点击设计面板中“布局网格”旁边的+图标，为框架添加网格，点击“布局网格设置”图标，然后将“大小”更改为，使单个方形像素更1清晰.为确保图标在大多数尺寸和屏幕分辨率下都能清晰显示，目标是尽可能使图标与网格线对齐。
现在是图标本身。首先创建一个矩形并将“W”指定为，16将“H”指定为10，然后单击“独立角”图标，然后将角0半径指定为5、左上角）。50
接下来，复制图层并将“旋转”更改为90。
之后，将Layer吸附到Frame的左边缘，将另一个Layer吸附到Frame的底部边缘，然后在两个Layer都选中的情况下，单击水平工具栏中的“Union selection”图标，将Layers融合成一个单一的层。
将“旋转”更改为45——心形就完成了。
在我们使心形适合框架之前，通过单击“设计”面板中“描边”旁边的+图标添加描边（边框） ，2选择“描边宽度”。稍后，这将为我们提供使用轮廓图标和填充图标的机会。
注意：要以不同的大小显示图标，最好缩放它们而不是调整它们的大小。不同之处在于，水平工具栏中“移动工具”图标下的缩放工具 ( K) – 也会按比例缩放笔划宽度等尺寸，而调整大小不会影响笔划宽度等尺寸。
接下来，右键单击该图标，然后选择Flatten ( command+ E/ ctrl+ E)。我们会看到，虽然旋转不再有效，但层仍然是我们设置它的方式，这意味着我们现在可以水平和垂直而不是对角线（这会产生奇怪的效果）调整它的大小。
之后，点击设计面板中的“Constrain proportions”图标，将最大尺寸（应该是“W”）设置为16，再次点击“Constrain proportions”图标（这样尺寸就不再受限了） ，将“H”向下舍入14（以便图标仅填充完整像素），将其拖入框架的中心，然后单击“填充”部分中的“—”图标以删除填充。
在设计图标时，我们应该尽量使用所有可用的 Frame 空间，以便多个图标可以根据需要水平或垂直对齐。然而，这并不总是可行的，所以必要时可以稍微调整图标的大小。这样做不会影响描边宽度，因此我们无需担心它们看起来不一致。为确保在我们调整框架大小时图标随框架缩放，请在设计面板（在约束部分）中将“左”和“上”更改为“缩放”。
最后，选择框架，然后单击“调整大小以适合”图标以修剪负空间，从而调整框架的大小。
我们现在有了完整的图标！我们还可以尝试从头开始绘制和/或使用形状并对其进行编辑。但是，它确实需要相当多的技能和时间来学习。图标设计本身也非常耗时，尤其是在有这么多免费设计资源的情况下。 Figma 有一个视频教程可以引导我们完成这个过程，但Font Awesome 插件可能是当今实现图标的最佳解决方案。
创建自定义按钮图标总结
总起来说创建自定义按钮图标还是很简单的
推荐阅读
