RoomCanvasy Documentation

Welcome to RoomCanvasy - the free, browser-based room planner that helps you design your perfect space in minutes. No downloads, no registration, no cost.

Quick Start Guide

Get started with RoomCanvasy in just a few steps:

Interface Overview

The RoomCanvasy interface is designed to be intuitive and efficient:

Main Areas

• Toolbar (Top): Tools for selection, drawing walls, adding doors, measuring, and more.
• Catalog Panel (Left): Browse and add furniture from various categories.
• Canvas (Center): Your main design area where you create and edit your floor plan.
• Structure Panel (Right): Manage multiple floors and rooms.
• Properties Panel (Bottom): Edit dimensions and properties of selected objects.
• Status Bar (Bottom): Shows zoom level, cursor position, and helpful hints.

Drawing Walls

Walls are the foundation of your floor plan. Here's how to create them:

Using the Wall Tool

1. Press W or click the Wall tool in the toolbar.
2. Click on the canvas to place the first corner.
3. Continue clicking to add more corners - walls automatically connect.
4. Click near your starting point (within 20cm) to close the shape and create a room.
5. Press Escape to cancel or Enter to finish an open wall shape.

Wall Properties

When a wall is selected, you can adjust:

• Thickness: Default is 15cm, adjustable from 5-50cm.
• Length: Displayed in your chosen unit (view only).

Editing Walls

RoomCanvasy allows you to edit walls after they're drawn:

Moving Walls

1. Switch to the Select tool (V).
2. Click on a wall to select it (highlighted in cyan).
3. Drag the wall to move it - both endpoints move together, maintaining the wall's angle and length.
4. Walls snap to the grid when "Snap to Grid" is enabled.

Deleting Walls

• Select a wall and press Delete or Backspace.
• Or use the Erase tool (E) and click on walls to remove them.

Adding Furniture

The furniture catalog contains over 50 items organized by room type:

Categories

• Living Room: Sofas, armchairs, coffee tables, TV units, bookshelves
• Bedroom: Beds (single, double, king), wardrobes, nightstands, dressers
• Kitchen: Counters, islands, appliances, dining sets
• Bathroom: Toilets, sinks, bathtubs, showers
• Office: Desks, office chairs, filing cabinets
• Dining: Tables (round, rectangular), chairs
• Outdoor: Garden furniture, planters
• Custom: Create your own furniture items

Placing Furniture

1. Click on a furniture item in the catalog to add it to the center of the canvas.
2. Drag to position it within your room.
3. Use the corner handles to resize.
4. Use the rotation slider or buttons to rotate (0-360°).

Furniture Properties

Select any furniture item to edit:

• Width (W): Horizontal dimension
• Height (H): Vertical dimension (depth in floor plan view)
• Rotation: Angle in degrees
• Quick rotate: ↺ and ↻ buttons rotate by 90°

Doors & Windows

Adding Doors

1. Press D or select the Door tool.
2. Click near a wall to place the door.
3. The door automatically aligns to the nearest wall.

Door Properties

• Width: Door opening size (60-200cm).
• Swing Side: Toggle left/right hinge position.
• Swing Direction: Toggle inward/outward opening.
• Rotation: Rotate the entire door assembly.

Windows

Windows can be added as custom furniture items or drawn using the sketch tool to indicate window openings on walls.

Multi-Room Planning

RoomCanvasy supports planning entire homes with multiple floors and rooms:

Structure Panel

• Toggle with the Structure button or press F.
• Add floors using the "+ Floor" button.
• Add rooms to each floor using the "+ Room" button.
• Click a room to switch to editing it.

Room Types

Each room can be assigned a type for organization:

• 🛋️ Living Room
• 🛏️ Bedroom
• 🍳 Kitchen
• 🛁 Bathroom
• 💼 Office
• 🍽️ Dining Room
• 📦 Other

Selection Tools

Single Selection

Click any object (furniture, door, wall, annotation) to select it. Selected items show a cyan highlight.

Multi-Selection

• Shift+Click: Add/remove items from selection.
• Marquee Selection: Click and drag on empty space to draw a selection rectangle.

Moving Multiple Items

With multiple items selected, drag any selected item to move them all together.

Zoom & Pan

Zooming

• Mouse Wheel: Scroll to zoom in/out.
• Zoom Buttons: Use + and - buttons in the status bar.
• Keyboard: Press + or -.
• Fit View: Press 0 to fit all content on screen.

Panning

• Pan Tool: Press H then drag to pan.
• Middle Mouse: Hold middle button and drag.
• Touch: Use two fingers to pan on touch devices.

Grid & Snapping

Grid Display

Toggle the grid visibility using the Grid checkbox in the toolbar or View menu. The grid helps with alignment and spatial reference.

Snap to Grid

When enabled (default), objects snap to grid intersections when moved. Toggle with the Snap button or press G.

Grid Size

The default grid size is 10cm. This provides a good balance between precision and usability.

Measuring

Use the Measure tool to check distances:

1. Press M or select the Measure tool.
2. Click to set the start point.
3. Click again to set the end point.
4. The distance is displayed in your chosen unit.

Saving Projects

Save to Browser

1. Open the Menu (hamburger icon) or press Ctrl+S.
2. Click "Save to Browser".
3. Enter a project name.
4. Your project is saved locally in your browser.

Load from Browser

1. Open the Menu.
2. Click "Load from Browser".
3. Select a project from the list.

Exporting Images

Export your floor plan as a PNG image:

1. Open Menu → "Export as Image".
2. Choose options:
   • Include Grid: Show grid lines in export.
   • Include Labels: Show furniture names.
   • Include Dimensions: Show measurements.
   • Include Images: Include custom images.
   • Theme: Light or dark background.
   • Scale: 1x, 2x, or 4x resolution.
3. Click "Export" to download.

Multi-Room Export

When using multi-room mode, you can export all rooms at once as a combined image or as separate files.

Import/Export Files

Export Project File

Save your project as a .roomplan file that can be shared or backed up:

1. Menu → "Export Project File"
2. A .roomplan file is downloaded

Import Project File

Load a previously exported project:

1. Menu → "Import Project File"
2. Select a .roomplan or .json file

Keyboard Shortcuts

Room Templates

Start quickly with pre-made room shapes:

• Rectangle: Standard rectangular room (400×300cm default).
• Square: Perfect square room (350×350cm default).
• L-Shaped: Room with an L-shaped layout, great for open living/dining areas.
• Studio: Rectangular room with a partial divider for studio apartments.
• Open Plan: Large rectangular space with partial dividers for open-concept layouts.

Access templates through the Welcome Wizard when starting fresh, or create a new project from the Menu.

Frequently Asked Questions

Is RoomCanvasy really free?

Yes! RoomCanvasy is completely free to use. There are no premium features, subscriptions, or hidden costs. We're supported by optional donations from users who find the tool valuable.

Do I need to create an account?

No account is required. Your projects are saved locally in your browser. This means your data stays private and you can use the app immediately.

Can I use RoomCanvasy on mobile?

Yes! RoomCanvasy has a fully responsive mobile interface with touch-optimized controls. On mobile devices you'll find:

• Floating tool buttons for quick access to Wall, Door, Erase, and Measure tools
• Furniture catalog accessible via the floating catalog button
• Simplified toolbar with essential tools (Select, Pan)
• Touch-friendly property controls when editing objects
• Pan and zoom using standard touch gestures

For complex designs with many elements, a tablet or desktop provides a better experience.

How do I share my floor plan?

Export your floor plan as a PNG image (Menu → Export as Image) and share the image file. You can also export the project file to share with others who use RoomCanvasy.

Are measurements accurate?

Yes, RoomCanvasy uses real-world measurements. Enter your room dimensions accurately, and the furniture sizes reflect typical real-world dimensions. Always verify with actual measurements before making purchasing decisions.

Can I create custom furniture?

Yes! Use the Custom category in the furniture catalog to create items with custom dimensions and names. You can also upload images for custom items.

Why did my saved projects disappear?

Projects are stored in your browser's local storage. They can be deleted if you clear your browser data, use incognito mode, or switch browsers. Always export important projects as files for backup.

Can I print my floor plan?

Export as an image at 4x scale for the best print quality, then print the image file. The exported image includes all visible elements from your design.

How do I contact support?

For bug reports, feature requests, or general questions, please contact us via LinkedIn.