figma中制作圆环效果的常见两种方法

实例效果

官方文档参考：https://figmachina.com/guide/vectors-and-shapes/using-the-arc-tool.html

方法一：

1.画一个正圆（快捷键：⇧+O）

2.鼠标悬停在圆上方，右侧出现一个弧度Arc提示，鼠标点到这个位置，上下随便移动，可以看到出现一个缺口，如下图

3.这时可以看到右上方面板出现如图所示的属性

①中间的是Sweep：0-100：数字越大，缺口越小。(可以简单理解为100代表愈合好了，好记，不行就多试几遍）

②ratio比率：比例越大，圆环越小

③月亮start:代表圆环开始的位置

④圆角Corner Radius：环形两端的圆角大小，默认是0，可以调整为圆角端头

4.实例具体数据：

底部灰色：0，100，85%，圆角0

红色圆环：0，80，85%，圆角0

方法二：

1.画一个正圆（快捷键：⇧+O），去掉填充，加上描边：10px（参数可改）；

2.cmd+D复制一层，鼠标悬停在上面出现Arc，鼠标拖动到自己想要的效果，然后双击编辑锚点，删除多余的，然后在右侧描边Stroke更改其属性，把端头调整为圆角即可