Skip to content
English
Submit a request
  • There are no suggestions because the search field is empty.

Builder 2.0: Fit Tile to Canvas Size

Right-click a tile to instantly resize it to match the full canvas dimensions

1. Purpose & Scope

This article documents the Fit Tile to Canvas Size option, a new right-click context menu action added to Builder 2.0 in the Tiled v59.0.0 April release. This option allows content creators to instantly resize any tile to match the full width and height of the canvas with a single action.

Scope: All Tiled users with Builder 2.0 access (Editor role and above).

2. Feature Description

The right-click context menu on any tile in Builder 2.0 now includes a Make tile size of canvas option. Selecting this option resizes the tile to exactly match the canvas dimensions (width and height), and positions it at the canvas origin (top-left, coordinates 0,0). The tile's content, style, and other properties are preserved.

Note: This action resizes and repositions the tile to cover the full canvas. If the tile has border radius, padding, or other size-relative styling, those properties are retained and may appear differently at the new canvas-fill size. Undo (Ctrl+Z / Cmd+Z) is fully supported.

3. Using Fit Tile to Canvas

  1.     Select the tile you want to resize to canvas size.
  2.     Right-click the tile on the canvas to open the context menu.
  3.     Click Make tile size of canvas.
  4.     The tile immediately resizes and repositions to fill the full canvas area.
  5.     Use Undo if the result is not as intended.

4. Common Use Cases

Full-bleed background

Apply a background image or color tile that covers the entire canvas without manually entering exact dimensions.

Full-canvas video

Resize a video tile to fill the canvas for a full-bleed video background effect in a microapp.

Overlay coverage

Resize a semi-transparent overlay tile to exactly cover the canvas for dimming or highlight effects.

Reset a tile size

Quickly snap a mis-sized tile back to full canvas size without manually typing width/height values.

5. Testing Verification Steps

  1.     Right-click a small tile and select Make tile size of canvas. Confirm the tile resizes to match exact canvas dimensions.
  2.     Repeat with different tile types: image, text, video, shape, and hotspot tiles.
  3.     Verify the tile is positioned at the canvas origin (0, 0) after the action.
  4.     Confirm tile content and styling are preserved after the resize.
  5.     Undo the action and confirm the tile returns to its original size and position.

6. Change History

v1.0 — April 2025

Initial article. Feature shipped in Tiled v59.0.0 April release.