There are three drawing tools available to use when drawing shapes: the Pen tool (shortcut P), the Rectangle tool (R), and the Ellipse tool (E).
Draw a shape by selecting the tool, clicking the canvas, and dragging your mouse over the canvas while holding down the mouse button.
Use Fill to set the shape's fill color. For drawing the path line itself, use the Stroke option. As a default, both the cap and the join style are set to "Round".
In addition to the Width, you can also select the length of the stroke, with Start and End being the points at which the stroke starts and ends relative to the overall path length. You can offset these points with Offset.
View all properties that aren't specific to shape elements on the element properties page.
Set a border radius to round off the corners of a shape. This doesn't work for Bézier points, so you must first convert them to straight points by double-clicking them while in shape editing mode.
It is possible to animate the shape by adding keyframes, as shown below.
Shapes can be defined in two ways:
A shape can be converted between unboxed and boxed mode by right-clicking the element and selecting "Box/Unbox shape".
Boxed shapes are best for responsive templates. You can maintain the shape's width and height ratio by using the Aspect Ratio property.
It is possible to convert a SVG file into shape elements. Note that shape elements do not support all SVG features, so this should primarily be used for importing simple shapes. First, upload your SVG as any other image. Then, right-click the element and choose "Convert to Shapes".