Shapes: rectangles and ellipses

Rectangles and ellipses are the workhorses for backgrounds, colored bars, dividers, keylines and "plates" behind text.

Key properties

• Width, height, X, Y — position and size.
• Fill — solid color, gradient or transparent.
• Border — width, color, dashed or solid, per-side control.
• Border radius — rounded corners for rectangles.
• Shadow — drop shadow with offset, blur and color.
• Opacity — applied in addition to the fill alpha.

When to use a rectangle instead of an image

Rectangles render instantly and scale to any size without loss. Prefer them over PNG backgrounds whenever the design is a flat color or simple gradient. Save images for logos, photos and complex art.

Grouping

Rectangles and ellipses can be used as containers for other objects via the group feature (if enabled in your project). A grouped set moves and animates as one.