You are here:

Shape Frames

Shape frames display color, and may be bordered and shadowed. When selected, a shape frame will display eight handle controls around the edge of the frame and a rotation handle inside the frame.

Adding a Shape to the Page

To add a shape to your page, click on the Shape icon in the top right area.

A shape frame will appear on your page in the default styling (green, rectangle, borderless, shadowless).

Sizing & Positioning Shapes

Once a shape is on the page, you may move it and resize it freely. Select and drag the item around the page, resize the frame using the handles, and spin it using the rotation handle.

To learn more about frame movement, positioning and order, consult the Understanding Frames article.

Changing color

To change the color inside the frame, select it, then click on the Fill tab. Click on the color chip to access the color editor.

Choose a shade on the rainbow slider, then pick a shade from the gradient. Adjust the opacity slider if desired to create a semi-transparent shape.

Adding a Border

To turn on border effects, first select one or more shape frames, then click on the Border option on the top menu, and finally turn the border on. A default thin white border will appear on your selected shapes(s).

Border Color & Size

The border menu includes color and width controls.

Click on the color chip to select a new color from the color editor. Note that the color editor includes an opacity slider under the rainbow gradient.

Drag the size slider to change the width of the border.

Frame Shape

To change the frame shape, select one or more frames, then click on the Shape menu option on the top menu, and finally click on one of the three shape options.

Choose among the rectangle, circular or oval options, then adjust the corner width as desired.

Note that a rectangle transitions into an oval, and vice-versa, as the corner slider moves between 0 and 100.

A circular frame locks the aspect ratio (width to height) of the frame to create a perfect circle. Set the corner to 0 to make a perfect square.


To turn on a shadow effect, select one or more frames, then click on the Shadow menu option on the top menu. Turn on the shadow toggle.

A default black shadow will be applied to the selected frame(s).

Adjust the shadow color by clicking on the color chip, to access the color editor.

Adjust sliders to change the blur level, the depth of the shadow and its angle.

Using Shapes Effectively

Use shapes to color block your page.

Define titles, paragraphs, and image groupings by placing a shape under them.

Create bounding boxes by applying a shape with a border and 0% fill opacity. Add a shadow to create a neon-glow effect.

Create a caption box to connect text to images.

Note that a rectangular frame may be resized to create a line.

Article Topics: