AdobeEducationFeaturedXD

How to Create a Star in Adobe XD

We are now able to create a heart shape easily in Adobe XD. Before, we were creating our mockups in Photoshop, possibly with glyphs or SVG heart icons. Creating hearts has never been easier in Adobe XD. Create your own in seconds!

  1. From the toolbar on the left, select the triangle.
  2. Drag a triangle on the canvas here.
  3. The property inspector can be found in the control panel on the right.
    Here we are showing the polygon shape, corner radius and star ratio. Currently, the star ratio stands at 100%. If I go from 100 to 30, it will resemble a Mercedes Benz logo. Now let’s change the polygon shape from 3 to 5. Then we’ll adjust the star ratio from 50 to 60.

The Triangle Magically Becomes a Star.

Let’s change the colour now.
Then click the swatch, then choose any colour you like,

In order to remove the black stroke from the star, I will select red here and toggle the check-mark off.

Make sure you like this video, subscribe to the channel and hit the notifications bell to get the next hot tip!

I will see you next time!