Rectangle
Draw rectangular shapes to highlight areas.
Shortcut: R
How to Use
Section titled “How to Use”- Select the Rectangle tool (press R)
- Click and drag to draw the rectangle
- Release to finish
Options
Section titled “Options”| Option | Values | Description |
|---|---|---|
| Color | Any color | Stroke and fill color |
| Width | 0.1–40px | Border thickness |
| Corners | Sharp, Rounded | Corner style |
| Fill | Open, Filled | Fill mode |
| Shadow | On / Off | Drop shadow behind the rectangle |
Corner Styles
Section titled “Corner Styles”- Sharp — 90° corners
- Rounded — Smooth, rounded corners
Fill Modes
Section titled “Fill Modes”- Open — Border only, transparent inside
- Filled — Solid color fill with border
- Shift+drag — Draw a perfect square
- Highlight areas — Use open rectangles to draw attention
- Backgrounds — Use filled rectangles behind text
- Boxes — Frame content with rounded rectangles
Examples
Section titled “Examples”Highlighting a button:
Draw an open rectangle around the UI element
Creating a label background:
Draw a filled rectangle, then add text on top
Marking a region:
Use a colored border to indicate an area of interest
See also: Ellipse Tool | Spotlight Tool