用 Arc 功能为椭圆图层易形

Figma 虽然界面简单，看上去很简洁。但在实际使用的时不时出现一些让人眼前一亮的小功能。这些功能只会在你绘制图形的时候出现，不会聚在工具栏、检视窗等界面上。比如说 Smart Selection。今天介绍的功能 Arc 就只能在椭圆图层上使用。

Arc 功能包含了四个子操作点。

打开缺口

当鼠标 hover 到椭圆图层上时，右手边会出现一个操作点，叫做「Arc」。拖动这个操作点可以为椭圆图层打开缺口。

调整朝向

椭圆图层打开缺口后，会出现三个可以拖拽的操作点。顺时针第一个操作点叫做「Start」，拖动它可以更改开口的朝向。

调整开口

顺时针第二个操作点叫做「Sweep」，拖动它可以更改开口的大小。

制作圆环

躺在圆心的操作点叫做「Ratio」，拖动它可以制作圆环，可以正向或反向拖动。

那么咱们可以用 Arc 来做点什么呢？比如画个饼图。

第一步，绘制正圆

点击快捷键 o，按住 shift + option，拖拽出一个正圆。

第二步，复制改色

粘贴复制出一个同样的正圆，并把颜色改深。

第三步，制作扇形

找到第二个正圆上的 Arc 操作点，拖拽开口。然后继续拖砖，更改开口角度，最终形成一个锐角扇形。

好了，一张朴素的饼图做完了。在此基础上还有很多可以发挥的点，就教给大家自行探索了。在 Sketch 中画这么一个饼图避免不了几次布尔运算，所以 Figma 的这个 Arc 功能还是有心的，为设计师节省了不少时间。