I want to do this in Adobe Xd, can someone please tell me is there any way or any plugin to achieve this in adobe xd.

Note: The current image is from Figma.


Although I know we can do this by using the Boolean Groups. But it is time-consuming when you are working with more than 100 screens on a page right??

  • 2
    Do you just want to make this shape... or a chart? I think as far as the shape goes this is probably the quickest way: youtube.com/watch?v=VLxNZIdF2LE&t=55s – But if it's a chart, some kind of chart plugin would likely be better. I mean it is basically a donut chart.
    – Joonas
    Feb 16, 2022 at 9:39
  • @Joonas I wanted to make the shape. The video you send it helped thank you :) Feb 16, 2022 at 10:21

2 Answers 2


You don't need a plugin for this. This is a little bit more tricky, a bit of a hack, but it works.

Use the border size, dash and gap settings.

Set a large gap size, then you can adjust as shown below. Clicking and dragging up or down on the fields will change the values. If the shape isn't in the right orientation you can rotate it.

enter image description here

Another possibility is to draw a white filled shape with the Pen Tool to cover over the circle. You can add more anchors to adjust the covering patch, and anchors can be selected and deleted if required.

enter image description here

Yet another possibility would be to use the top shape as a mask

enter image description here


Use figma 😅 I recently read an article on why figma is better than xd and this was one of the reason . . https://uxplanet.org/why-you-should-use-figma-instead-of-adobe-xd-as-a-designer-18091d429444

  • I cannot choose that is the problem. Because my company is using is adobe xd Feb 16, 2022 at 15:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.