ModaDocs
The Canvas

Overview

Overview of the Moda canvas — editing, tools, keyboard shortcuts, auto-save, and version history.

The canvas is where you view and edit your designs. It's a 2D vector canvas where you can select, move, resize, and modify design elements.

  • Pan: hold Space and drag, or use a trackpad/mouse scroll
  • Zoom: pinch on trackpad, or use the zoom controls in the bottom bar
  • Select: click an element to select it, or click and drag on empty space to create a selection box

Editing

Once an element is selected, you can:

  • Move it by dragging
  • Resize it by dragging the corner handles (hold Shift to maintain aspect ratio)
  • Edit text by double-clicking a text element
  • Delete it with the Delete or Backspace key

The properties panel on the right side of the canvas lets you adjust colors, fonts, alignment, and other properties of the selected element.

Tools

The toolbar provides tools for creating new elements: rectangles, ellipses, lines, text, pen paths, and more. You can also use the hand tool for panning and the comment tool for leaving feedback.

Keyboard shortcuts

Moda has keyboard shortcuts for most common actions. To see the full list, open File in the top menu bar and click Keyboard shortcuts.

Working with slides

For multi-page designs (like slide decks), you can add, reorder, duplicate, and delete pages using the page controls at the bottom of the canvas.

Media and images

  • Upload your own images by dragging them onto the canvas or using File → Upload image
  • The AI agent can generate images as part of the design process, or on request
  • Supported image formats: JPEG, PNG, GIF, SVG (max 250 MB per file)

Auto-save

Moda auto-saves your work continuously. Changes are saved automatically after about 1 second of inactivity, with a safety net save every 20 seconds. You don't need to manually save.

If your canvas won't load, try refreshing the page or clearing your browser cache. Your last auto-saved state will be restored.

Version history

Moda keeps a history of your canvas versions. To view or restore a previous version:

  1. Open File in the top menu bar
  2. Click Version history
  3. Browse previous versions and restore if needed

This is useful if you want to undo a large set of changes or recover a previous state of your design.

On this page