Floor Planner

Torn on how to arrange the furniture in your new apartment? Wondering if you have space to upgrade to a king size bed? Spoak's Floor Plan Tool allows you to create to-scale plans so that you can create the perfect space.

This guide will walk you through the basics of the Floor Planner

Demo videos more your speed? Check out our 🎥 Floor Planner Demo!

Creating a Floor Plan

  1. Click Create a Vizi > Create Floor Plan
  2. Choose the type of room you're planning
  3. Choose how you want to start your Floor Plan
    1. Recommended: We've hand picked a few starting canvas sizes depending on the size of the space you're
    2. From Scratch: This will give you a blank canvas where you can draw your own walls to create rooms
    3. Image: If you already have an image of your floor plan and just want to add in furniture to try different layouts, this option will allow you to upload your existing image and then set the scale according to a single wall measurement! Read more about how to do that here .

Let's go through creating your floor plan from scratch!

Click on the size you want to start with and click Next to get started! (You'll be able to change the canvas size at any time, this selection is just a general size you get you started!)

Now the fun begins!

Name your design

We suggest starting by naming your floor plan! That way if you're cruising through and creating a lot, it's easier to identify what plan you're looking for and stay organized.

Click where it says Untitled at the top of your plan and update the name to whatever you'd like!

Drawing walls

Click Draw walls to jump into draw mode- you can tell whether or not you're in draw mode by the brown banner at the top of your plan.

  1. Now that you're in draw mode, click anywhere on the canvas to start your wall! (if you're starting at the bottom left corner of your room, click somewhere in the bottom left corner of the canvas.)
  2. Drag your mouse in the direction you want the wall to go and then click again when it's the correct dimension.
  3. Now drag your mouse in the direction of the next connecting wall to begin your shape!
    1. If you just want one wall to start, click Exit draw mode or hit esc on your keyboard to stop drawing
  4. Keep this up until you've completed your whole space! Once a room is closed in, you'll still be in draw mode, but it won't automatically create your next wall until you click again.

Change the size of your canvas

Maybe the size of your space is a little bigger (or smaller!) than you thought when selecting the canvas size, no worries! You can adjust it either by

  1. Click Canvas Size on your canvas and add 5" at a time using the More space & Less space buttons

  2. Or, click the pencil icon to open the canvas settings and enter specific dimensions for your canvas

Adding assets

Now that you've created the room, it's time to start adding any structural items and furniture!

  1. Click Assets from the menu on the left
  2. Scroll through all of our available options or click the category to filter the list
  3. Once you find the item you're looking for, click on it to add it to your plan
  4. This will drop the item into the middle of your floor plan where you can then adjust it to your needs!

Editing an asset

With the item selected, an edit bar will appear at the top of your screen, these are all tools to make sure the assets are exactly what you need!

  • Dimensions: You can set the object's exact measurements here, decide whether or not you want the dimensions to show, and choose which unit of measurement you want to use- Feet, Inches, or Centimeters
  • Fill: Change the color of the asset you added!
    • Select from our available paint selection or pick literally any color using our color picker
  • Rotate: Use this to easily rotate exactly 90° in either direction
  • Flip: Adding a door but it opens the opposite way? Flip the object's orientation vertically or horizontally!
  • Effects: Change the object's brightness or opacity and add a drop shadow
    • Use brightness and opacity to call attention to different objects
    • Add a drop shadow to floor plan items to make things really pop!
  • Layers (stack of paper icon): Use this to move things backwards/forward in your plan.
    • ie. if you added a rug after you already added your couch/coffee table you can use the Layers tool to send it to the back so that it's behind your other furniture pieces.
  • Lock: Click the lock icon to freeze the item as it is.
    • We suggest locking any structural assets you've added once they're in the right spot!

Prefer keyboard shortcuts over clicks? Check out our complete list of shortcuts you can use here!

Measure the space between assets

Need to make sure there's enough space to walk between your sofa and your coffee table? Maybe you want to make sure your sink is the perfect distance from your fridge in a kitchen plan? Meet the Ruler tool! (in the navigation bar on the left)

Click on the Ruler icon and measure any distance in your space by clicking the starting point of your measurement and then dragging your mouse to the end point of your measurement.

Once you have the measurement you need, you can either keep it in your floor plan for reference, or delete it at any time by clicking on the measurement and then hitting delete on your keyboard.

Customize your plan

Last up on our tour around the Floor Plan tool basics are Text & Shapes

Text

You can add text to identify a room or shape by clicking Text in the navigation bar on the left.

This will add a text box to your plan and open the Text edit bar across the top- you can choose from our font collection, change the font size and color to whatever you'd like!

Shapes

Maybe none of the available assets are exactly what you want- no worries! Use our shapes tool to draw whatever shape you'd like!

Now you have all the tools you need to layout your perfect space!


Want to visualize how all of your selections come together in a space? Try our Room Vizi tool next!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.