Shapes
Draw rectangles and ellipses using the shape tools.
Available shape tools
Lovision includes the following shape drawing tools, accessible from the toolbar:
| Tool | Shortcut | Description |
|---|---|---|
| Rectangle | R | Draws a rectangle or square (hold Shift for square) |
| Ellipse | O | Draws an ellipse or circle (hold Shift for circle) |
| Polygon | — | Draws a regular polygon (3+ sides) |
| Star | — | Draws a star shape with configurable points |
Drawing a shape
- Press the shortcut or click the tool in the toolbar.
- Click and drag on the canvas to draw the shape.
- Hold Shift while dragging to constrain to equal width/height (perfect square, circle).
- Release to place the shape.
After drawing
With the shape selected, use the right inspector to configure:
- Fill — color, gradient, or pattern
- Stroke — border color, width, and position
- Corner radius — round the corners (rectangles only)
- Size and position — exact W, H, X, Y values
- Effects — shadows, blurs, noise
Shapes as vector paths
All shapes are editable as vector paths. Double-click a shape or press Enter to enter vector edit mode and modify its anchor points directly.
Tips
- Use Rectangle (R) as the starting point for most UI components — cards, buttons, input fields, backgrounds.
- Use Ellipse (O) for circular badges, avatars, and pill shapes (with a large corner radius on a rectangle).
- For custom polygons, draw a rectangle and convert to vector edit mode to reshape manually, or use the Polygon tool for regular shapes.
- Combine multiple shapes with boolean operations (union, subtract, intersect) to create complex shapes.