Skip to content

Frame: Shape

See concept Shape frames

Create shape frame

Select the shape tool in the sidebar and choose a shape. You can also use the shortcut for the shape you wish to draw.

The shape tool submenu in the sidebar, listing Rectangle, Ellipse and Polygon with their shortcuts

Drag a rectangle on the canvas. The selected shape will be drawn inside the frame.

Dragging a shape frame onto the canvas after picking Rectangle from the shape tool submenu

All feature videos

Properties

Similar properties as with all frames. See Basic properties.

Corner radius

Some shapes can have a corner radius. (see below).

A corner radius can be entered in the property panel, or can be set through the corner radius handle.

Dragging the corner radius handle on a selected rectangle while the four radius fields update

All feature videos

Rectangle

By default you can set the corner radius for all corners.

The four Corner radius fields set to 0, with "Same for each corner" ticked below them

By deselecting the "Same for each corner", you can specify a corner radius for each corner individually.

Ellipse

By design, an ellipse does not have a corner radius. This will fit an ellipse shape inside the rectangular frame.

An ellipse fitted inside its rectangular frame, the selection handles sitting on the frame edges

Polygon

Drawing a rectangular frame to fit a polygon will draw a triangle.

A triangle has 1 corner radius setting, and will apply that setting to all (3) corners.

A triangle in a tall frame, with a single Corner radius of 2.66 in the properties panel

Maximum / minimum corner radius

A rectangular shape of 100 x 100 pixels, will have a max corner radius of 50. This will look like a (perfect) circle.

Dragging the corner radius handle, will set the value in the properties panel to maximum 50. Because you cannot drag it further, than the shape allows you to.

In the properties panel, you can now set the value above 50. Visually, this will not have any effect.

When you now make a different layout, that is much bigger in size, and the frame would be much bigger, then this corner radius would be visible again.

The square frame on the Rectangle layout, its Width and Height both set to 350 px