Tile Layout PlannerFloor plan & tile design
Not to scale
BETA 1.0
CANVASSelect a region or drag tile textures within it
100%
Blank workspace. Choose Import Layout, or start drawing on the empty canvas.
X — · Y —Wheel: zoom · Space / middle mouse: pan0 REGIONS
New Project

Create a fresh blank workspace. Your current project will be downloaded as a JSON backup before the canvas is cleared.

The new project starts with an empty canvas, no regions, no masks and an empty tile library.
Layout Canvas Size

Choose a real-world canvas size (millimeters). Only available on a blank imported-free layout.
Calibrate Scale

Enter the actual distance between the two points you selected.
Tile Material
Quick Guide
  1. Starting up: your workspace is blank by default. Import a drawing or restore a project backup when needed.
  2. Draw Layout (desktop/iPad): tap floor corners or drawing reference endpoints to snap walls, with alignment guides. Use Wall to tap connected wall endpoints; Door or Window to tap an existing wall; Select to move objects or edit dimensions. A blank canvas is calibrated to millimeters automatically when you start.
  3. iPad: use Tools and Properties to show side panels; one finger to draw or pan with the hand tool; two fingers to pan and zoom; tap Finish to stop drawing connected walls.
  4. New Project: creates a blank workspace and downloads a JSON backup of the current project first.
  5. Import PDF / SVG: original vector files are re-rendered at higher resolution as you zoom. An image cannot gain detail beyond its original resolution.
  6. Scale Layout: click the endpoints of a known dimension and enter millimeters.
  7. Dimension Settings: use Dimensions to show or hide mm callouts, then choose Outside (default) or Inside. PDFs and DXF follow the same setting.
  8. Floor from Walls: connect wall centerlines back to the starting corner, then use Fill Enclosed Floor. The resulting floor region is inset inside the wall thickness and supports tile materials.
  9. Precision Drawing: choose Floor Area, Polyline, Rectangle or Arc. Click a starting point; move toward the next direction; enter the length in millimetres and click Add Segment or press Enter. Even in Free angle, Guides shows soft horizontal/vertical/parallel alignment; hold Alt or disable Guides to draw without magnetic assistance. Toggle Dimensions to show/hide labels on canvas and PDF. Ctrl+Z removes the previous point.
  10. Tile Library: starts empty. Upload, paste (Ctrl+V) or drop a photo. Use Edit / Delete on each card.
  11. White Mask: drag an ellipse for tables, click Auto Mask inside closed outlines, or use Polygon Mask for irregular shapes. Reorder drawing and tile layers in the Layers tab.
  12. Tile Settings: select a region and a tile photo. Adjust dimensions, joints, orientation, and pattern.
  13. Move Tiles: drag inside a selected region to reposition grout lines. Blue corner handles change the polygon boundary.
  14. Summary: hover a region to highlight it, or click its card to jump there and edit it.
  15. Export CAD: download editable DXF geometry in millimetres. To obtain DWG, open the DXF in AutoCAD and use Save As DWG; direct native DWG download requires a conversion engine.
  16. Export: generate an A3 layout PDF with sharp native PDF text for material codes and quantities. Layout imagery uses high-resolution print rendering; source vector drawing is not yet a full native-vector PDF export.

Line detection from raster images can be imperfect around text or fine walls. Vector drawing line snapping is used when available in an original PDF. This tool is for layout visualization and estimated quantities, not production cutting.
Export to AutoCAD DWG

Editable CAD file is available as DXF (millimetres). This static web app cannot safely generate native DWG directly without a DWG conversion engine.

To get a real DWG: download Export CAD · DXF, open it in AutoCAD and use Save As → Drawing (*.dwg). Alternatively convert using ODA File Converter on a desktop.

Walls, openings, polylines, arcs, areas, and dimensions export as CAD geometry and text. Tile photos and raster backgrounds are not embedded. Original PDF vector reference lines are included when available.