Set stroke, fill, and drop shadow for objects

Select the object.

Click the rectangle next to Fill. The Color Picker appears.

You can choose to:

• Specify the HSBA, RGB, or hexadecimal values if you know the exact color values. You can also switch between the different color modes.
• Adjust the color using the color field and color slider. When you do so, the numeric HSBA, RGB, and hexadecimal values are adjusted accordingly.  
• You can set the fill and the opacity of the fill by using the color slider or specifying a value in percentage.
• Use the Eyedropper tool to select a color from an artboard.
• You can also apply gradient fills to object. For more information on gradients, see Create and modify gradients.

As you modify the options in the color picker, you can preview the changes on the artboard.

You can save a color as a swatch for future use. To save a color as a swatch, click the + icon at the bottom of the Color Picker. 

You can rearrange swatches in the color picker by dragging a swatch to the new location. To delete a swatch, drag it outside the color picker.

Select the object.

The default stroke width is 1. To specify a different value, change the Border value.

Click the rectangular color chip next to Border. The Color picker appears.

You can choose to:

• Specify the HSBA, RGB, or hexadecimal values if you know the exact values.
• Adjust the color using the color field and color slider. When you do so, the numeric HSBA, RGB,  and hexadecimal values are adjusted accordingly.  
• Use the Eyedropper tool to select a color from an artboard.
• Set the opacity of the border using the color slider or typing in a value in percentage.
• Edit the border size and create dotted lines
• Specify end caps (Butt, Round, Projecting) and joins (Miter, Round, Bevel), and inner and outer strokes.

As you modify the options in the color picker, you can preview the stroke color on the object.

You can save a color as a swatch for future use. To save a color as a swatch, click the + icon at the bottom of the Color Picker. 

You can rearrange swatches in the color picker by dragging a swatch to a new location. To delete a swatch, drag it off the color picker.

If the object is a closed path, you can specify the stroke width. To align the stroke along the path, choose one of the following options listed in the next illustration.

By default, XD aligns the inner stroke in a closed path.

Select the object.

To choose a color for the shadow, click Shadow in the Property Inspector. The Color Picker appears.

You can choose to:

• Specify the HSBA, RGB, or hexadecimal values if you know the exact values. You can also switch easily between the different color modes.
• Adjust the color using the color field and color slider. When you do so, the numeric HSBA, RGB, and hexadecimal values are adjusted accordingly.  
• Use the Eyedropper tool to select a color from an artboard.
• Set the opacity of the shadow using the color slider or typing in a value in percentage.

Specify the following options:

To save a swatch, click the + icon at the bottom of the color picker. You can rearrange swatches in the color picker by dragging a swatch to a new location. To delete a swatch, drag it off the color picker.