Keyboard input

Floorplanner is all about creating beautiful floorplans fast. No need to learn all the ins and outs of difficult CAD software. Our editor enables you to create a floorplan in a few clicks and a couple of drag-and-drop actions. However, things can always be improved. Today we rolled out an efficiency update that allows for creating floorplans even faster, using your keyboard! 👆⌨️

How does it work? While drawing a room, wall, surface, a line or a dimension line you can type in the size of the element, press Enter et voilà. You've added an element to your floorplan with exactly the right size.

Drawing a room with exact measurements

Drawing a room with exact measurements

Let's have a look in more detail at drawing a room. First, click the Draw a room button in the Build tab. A box will appear in the bottom left corner of your canvas showing the thickness and the height of the walls you are about to draw. If you want to change these, start typing and you will see the values in the box change. Make sure to separate the thickness value and the height value with a comma, for example: 0.3,2.7 When done, press Enter.

Next, you have to specify the starting point of the room. Click somewhere in the canvas (make sure to keep the mouse button pressed down) and move your mouse in the direction the room should go. The box in the bottom left corner will show the width and the height of the room while you are moving your cursor. You can now change the width and height of the room by typing new values, for example: 4,5 and press Enter. This will create a room with an inner width of 4 meters and an inner height of 5 meters.

Drawing a dimension line with exact measurements

Drawing a dimension line with exact measurements

In a similar way you can draw a surface, a line or a dimension line with exact measurements. Select the element you want to add, click on the canvas to set the starting point, move the cursor in the right direction, type the measurements and press Enter.

It even works when moving a wall. A line shows the relation to another wall and the box in the bottom left corner shows the distance between the two wall. Type in the desired distance, press Enter and it's done.

Moving a wall with exact measurements

Moving a wall with exact measurements

Local backups

Floorplanner runs in the cloud. This means that all the floor plans are stored in the databases on our servers. For this to work properly you need a stable internet connection, which is not always available or guaranteed. So there is a small risk of losing the project you’re working on because the connection between your system and our servers is lost or unstable 😨😱

To help you from losing work we introduced local backups. Whenever you press the Save button we store a copy of your floor plan in your browser. The movie below explains how you can restore a local backup if you find yourself in the unfortunate situation of something gone wrong with your project.

Downward stairs

Most of the stairs on floor plans run upwards to the floor level above, but sometimes you need stairs that run downwards to the level below. Unfortunately, downwards stairs were not yet supported in the editor. But from today, that is history!

It only takes a few simple steps to create downward stairs. First you need stairs, duh. The next step is to let the stairs start at the floor level. Select the stairs and give it a negative Raise from floor value similar to the Height of the stairs. This lets the stairs start at the floor level and run downwards.

Now you have to cut a hole in the floor, otherwise you can't walk down the stairs! You can do this by drawing a surface and marking it as a Cutout. After drawing a surface, select it and check the Cutout box. This will cut a hole in the underlying floor in the shape of the surface, in 2D and in 3D.

That's it. Besides moving stairs (or any other item) under a floor, you can also move the bottom of a wall down. This makes it possible to show a wall next to descending stairs. Just like any other wall, you can apply a color or wallpaper to decorate it.

VR panoramas on Roomstyler

Panoramas are amazing. A still image shows you an interior design at one specific angle. A panorama enables you to look around and experience the whole interior from every angle.

What's even better than a panorama? A VR panorama! A VR panorama shows the interior in 3D, which gives you the immersive feeling of actually standing inside a room. From now one, all the panoramas on Roomstyler will be VR enabled by default.

All you need to do to experience a VR panorama is to load a Roomstyler room on your phone, select a the VR mode and view it in a Google Cardboard, Samsung Gear VR or other VR glasses. A Oculus Rift or HTC Vive gives you the best VR experience, but you have to jump through a few hoops to get it working.

To make things even better we decided to cut the prices almost in half. An HD VR panorama now costs 3 credits and a 4K VR panorama costs 6 credits.

On a more technical note, we also switched from cubemap to equirectangular images for our panoramas. You can download the original equirectangular images from your room page if you want to use these files in your own viewer. It's also possible to make panorama render requests through the Roomstyler API.


Black & white blueprints

Sometimes you just want a more classic looking floor plan. Not a floor plan with colors, textures and furniture with a 3D look, but a schematic floor plan that’s completely black & white or with a touch of color. That’s why we added this feature to our platform.

In the top bar of the editor you can find three new icons. By clicking one of the icons you can change the visual style of your floor plan. The first icon uses black & white furniture items and colors every rooms white. The second icon also uses black & white furniture items but renders the rooms in their color. The last icon shows the familiar style we started out with, 3d looking furniture items and colored / textured rooms.

When you export your 2D floor plan as an image from the editor, it will use the visual style you of the editor. You can also export a images via our API. In that case you can specify the visual style in your request by setting the paper.visuals parameter.

This feature is immediately available to everybody.