# How to Import and Scale floor plans

{% embed url="<https://www.youtube.com/watch?v=Nb4p_ycv7b0>" %}

The Canvas is a 1:1 scaled design environment. When you're designing on Canvas you're doing so at full scale - the distance between each dot on the Canvas is one foot (12 inches). This is the only mood board tool that allows you to design and space plan with real products to scale, all within one web browser. Here is a step-by-step way how to utilize the **Scale Tool** and **Measure Tool**, which will help you confidently design a furniture layout to scale.

## Import a Floor Plan by uploading DWG or DXF files:

This is how you can upload a drawing file (from AutoCAD, Revit, SketchUp, Rhino, etc..) into Canvas:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FH3BXPTbXbPpfmMgOo6FC%2FImport%20icon%20Toolbar.png?alt=media&#x26;token=d87c3b68-546c-4850-99b2-fb9860049bfd" alt=""><figcaption><p>The Upload icon in the toolbar</p></figcaption></figure>

1. Save your floor plan as a **.dwg, .dxf, .jpeg, or .png.**&#x20;

{% hint style="info" %}
We recommend that your drawing file is under 15 MB for peak performance in Canvas.
{% endhint %}

1. For .jpeg and .png, you can either **drag and drop** your floor plan from your computer into your Canvas or click the **Import** icon.
2. For .dwg and .dxf, click the **Import** icon in the Canvas Toolbar.
3. Do **not** exit out of the Canvas while your file is processing.
4. Once the file is ready, click **Add to Canvas** and **place** your floor plan wherever you would like.
   * Canoa automatically detects the original scale of the drawing. We recommend that you check the scale by using the **Measure** tool.
   * If the scale is off, use the **Scale Floor Plan** tool to set your dimensions.
   * Watch this video to see a step-by-step guide:

{% embed url="<https://www.youtube.com/watch?v=B7pn0PYbDGc>" %}

## Using the Scale tool:

* There are three ways to access the Scale tool:
  1. Click on the **Scale Floor Plan** icon in the top **toolbar** in a Canvas. You will then be prompted to select an image to scale.
  2. Select your floor plan image, **right-click** and select **Scale Precisely** from the right-click menu.
  3. Select your floor plan image, and you’ll see two icons below the image. The first icon will allow you to **Scale** your image.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FbMkt2fmpysC2LtG89cNS%2FNew%20Toolbar%207.31%20-%20Area.png?alt=media&#x26;token=d38a5b89-35eb-4cfd-9af6-6700a7efa1d4" alt=""><figcaption><p>Scale Floor Plan icon located in the toolbar</p></figcaption></figure>

<div align="right"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMOZnjUecwiMFuNyXVzf6%2FScreenshot%202024-02-27%20at%201.06.56%20PM.png?alt=media&#x26;token=6dee7c9a-5786-497d-8015-2b9013d49e01" alt=""><figcaption><p>The <strong>Scale Tool</strong> is located in the right-click menu: Scale Precisely.</p></figcaption></figure></div>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fk2rXlH1OUbdU4mrKJOQb%2FScreenshot%202024-05-31%20at%201.28.39%E2%80%AFPM.png?alt=media&#x26;token=c6c74988-4797-493b-9394-0557c2371778" alt=""><figcaption><p>The <strong>Scale Tool</strong> can be found when you click on your image: Scale Object.</p></figcaption></figure>

* You’ll be prompted to select your first **reference point**. The floor plan shown above has a couple of known dimensions called out.&#x20;
* Click on the image to set your first reference point and then click again to select the second reference point along the dimension call out.&#x20;
* Input the scaled length in the prompted **text box** shown below the floor plan. The floor plan image will automatically scale to that dimension once you enter in the scaled length.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FsyZ2CEKTWDWZLhAZb0oa%2FScale%20a%20floor%20plan%20UI.png?alt=media&#x26;token=2dd50566-92fb-482a-bcac-e4b5d369a72d" alt=""><figcaption><p>The first and second reference points are circled in purple. The known-scaled dimensions are then manually inputed into the text box below the floor plan.</p></figcaption></figure>

{% hint style="info" %}
**PRO TIP:** If you’re working with a floor plan that doesn’t have any dimensions called out, then we recommend using a standard doorway as your reference and set the scale to three feet and zero inches. Again, then your entire floor plan will automatically scale to size.
{% endhint %}

## Using the Appearance Tool:

The second icon that appears when you select your image is the **Appearance tool,** which controls the opacity of your image and the ability to remove the background.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZvM7CoVHjdQvtLYTwfqK%2FScreenshot%202024-08-09%20at%2010.00.40%E2%80%AFAM.png?alt=media&#x26;token=c9db1d44-ecac-423e-a73e-89643ec56010" alt=""><figcaption><p>The Appearance tool pops up when the floor plan image is selected.</p></figcaption></figure>

## ‍Locking & Unlocking:

Remember to **Lock** your floor plan by right-clicking on the image and selecting **Lock Selection**. When an image is locked, the selection window will turn to gray. If you need to adjust or rotate your image, unlock the selection, and the selection window will turn to purple.

‍

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FU3j3nn7Vtq5F6MgE5lnp%2FScreenshot%202024-08-09%20at%2011.46.30%E2%80%AFAM.png?alt=media&#x26;token=23f92a7a-e845-4794-9ecc-fec45d9c0e58" alt=""><figcaption><p>Lock Selection is available by right-clicking on the floor plan image.</p></figcaption></figure>