Style a Shape

Easily customize the way a shape looks by changing the shape size, shape color, border color, or border thickness. This tutorial will also explain how to lock your shapes to the canvas.

  1. Select the shape by clicking on it.
  2. Grab a corner of the shape and drag to resize it. You can also change the width and height in the Shape Metrics panel of the Properties Bar.

    Change ShapeChange shape in Properties Bar
  1. Select the shape by clicking on it.
  2. Adjust the line thickness in the Properties Bar.

    Border Thickness

To change the color of a shape, follow these steps:

  1. Select a shape by clicking on it.
  2. Click on the "Fill Color" icon in the Properties bar. fill color icon
  3. Select the color you want by clicking on the corresponding color swatch.

    change color of a shape

    Alternatively, click on the color wheel to manually pick a color by adjusting the HSB and RGBA values in your color space, or by typing the hexidecimal code of the color you desire into the text box next to the # symbol.

    color picker

    See below for instructions on how to identify the RGB values of a color that is already used in your diagram.
  4. Select your desired opacity by moving the blue dot horizontally across the OPACITY bar or by inputting a percentage to the box on its right.

To identify the color of an object on your canvas, click on the wand to the left of the color wheel.

wand icon

A magnifying lens containing a grid will appear on your canvas. Hover over the object in question and the RGB coordinates of its color will display within the magnifying lens.

see the color of an object

To fill a shape with an image:

  1. Select a shape by clicking on it.
  2. Click on the "Fill Color" icon in the Properties bar fill color icon.
  3. Click "More."
  4. Click the Image Icon Screen_Shot_2018-09-17_at_10.21.12_AM.png.
  5. Select the image you want to fill your shape with and import the image.

To add a shadow to a shape, select your shape, click the Shapes Option iconshape_options_icon.png > shadow_button.png and switch the button above SHADOW from off to on. You can then adjust the shadow’s distance, blur, color, and angle.


  1. Select the shape by clicking on it.
  2. Click on the line color box on the Properties Bar to open the color picker.

    Color Picker

To apply a simple gradient:

  1. Select the shape by clicking on it.
  2. Click the “Fill” box on the Properties Bar.
  3. Click “More.”
  4. Select the “Linear” or “Radial” to customize the gradient of the existing color.

    Simple Gradient

To apply an advanced gradient:

  • Add and modify colors in the gradient bar. Click anywhere along the bar to add more colors and slide markers to change the intensity.

    Advanced Gradient
  • Modify the gradient using the sliders. Click and drag a slider left or right to adjust color location. Single-click a slider to adjust its color. Click anywhere below the gradient bar to add an additional color stop. You can add multiple color stops.
  • The angle and placement of the gradient can also be customized.

    Radial Gradient
  1. To change the style of the shape in the diagram, right-click on the shape.
  2. Select “Change Shape” from the menu.
  3. Choose the new shape you wish to use from the list of shapes.

    Change Shape

To change the default style of the shapes added to your diagram:

  1. Click on the canvas to un-select objects.
  2. Choose a custom styling element like Line Color or Fill Color from the Properties Bar.

Any new shapes added to the document will display this custom style.

To apply the same style of one shape to another, right-click the shape with the styling you want to copy and select "copy style." Then select the shape to which you want to apply the styling, right-click, and select "paste style."  

  • Select the shape by clicking on it.
  • Right click on the shape and select “Lock” or click the lock symbol on the Properties Bar.

    Lock Shape

Related Articles
Work with Text
Work with Lines
Introduction to Flowcharting
Draw Lines and Objects