Как нарисовать круговые диаграммы в Figma?

Question

[Kopranov]

Добрый день!
Нужно реализовать такие диаграммы. Никак не разберусь, помогите

Answer 1

[Viktor Minuvi]

• Нарисуйте кружок
  
• Выделите его
  
• Появится маркер, позволяющий отрезать нужное значение
  
• Снова выделите
  
• Появятся три маркера: радиус дырки и радиус закругления
  

Comments

[Kopranov]

Точно, спасибо. Я думал так можно только сектор вырезать.

Answer 2

[Анастасия Свеженцева]

Создание круговых диаграмм в Figma по шагам:

1. Создаем круг/Ellipse и наводим на него курсор, справа появится точка старта разрыва инструмента Arc для изменения длины окружности.
   
2. Потяните за эту точку и задайте нужную длину окружности, что удобно, она считается в процентах, поэтому если нужен кусок диаграммы в 40% вы выставляете это же значение при изменении длины
   
3. Чтобы сделать отверстие в центре круга, потяните за точку в центре круга/параметр Ratio изменяет толщину отверстия в круге
   
4. Чтобы повернуть окружность, потяните за точку старта/Start, его направляющая отмечена дополнительной точкой внутри, и измените угол поворота окружности