Concepts is an infinite, flexible creative tool for all your good ideas. Available on iOS, Windows and Android.

How to Create a Floor Plan

A Concepts Tutorial for iOS, Windows & Android

Everything you want to know about creating a floor plan in Concepts.


Whether you’re creating a floor plan from an existing plan or from scratch, Concepts lets you import or draw a plan to any scale, make mark-ups and edits, duplicate drawings or layers for quick plan iterations, and export flexibly for clients and other apps. You can also use Concepts’ Precision tools and measurement features to help you find real-life measurements and detail your plan specifications.

 

Creating a Plan from a PDF or Image

If you’re looking to import a plan to make edits or mark ups, you may want to set the plan to scale so you can pen in real-world dimensions and get an accurate view of your space. Here is how to import a plan, set it to scale, and use Concepts' tools to update the design.
 

1. Import Your PDF or Image

You can create a plan from any PDF, satellite image or accurate photograph.

Drag+drop the file onto the canvas, or tap the Import button on canvas and locate your file. Once on the canvas, size it comfortably and tap to set it in place.

If you’re working with a multi-page PDF, import the file and its pages will appear on the side of the screen. You can scroll through and drag one in.

Tap+hold+drag files in supported apps, then open Concepts to import them onto your canvas.
 

2. Align Your Drawing Scale to Your Plan

We have an illustrated guide to this here. The short version is:

  1. Know one real-world measurement on your plan.
  2. Open the Precision menu and activate Measure.
  3. Activate the Line guide. Double-tap the crosshairs to contain the line.
  4. Align the guide handles to the segment on your plan that corresponds with your real-world measurement.
  5. Tap the ratio beside Measure in the Precision menu. Enter your real-world measurement into the second field.

When you exit the overlay, you’ll see the new scale ratio, 1:your-new-calculated-value. From here on out, every line you draw will measure up with the dimensions of the plan you imported.

Aligning a drawing scale to your imported plan.
 

3. Use Layers to Toggle Plan Options

Open the Layers menu and you'll see the plan in its own Image layer. Tap + New Layer to create a layer above it. Use as many layers as you need to trace over your plan, edit the plan, jot notes or engineering specs, or draw area flows or mark-ups. (Learn more about layers and how they can help you organize your work.)

Lowering the opacity of the image layer to around 50% will help you see mark-ups easier. Draw pen in one layer, add fill in a layer below, and make notes on a separate layer. This not only organizes your sketch for easier editing, it lets you focus only on what you want to see at any given time. You can toggle layers on and off to visualize many different plan options in the same drawing. Find great examples of this in our interview with Architect Erick Mikiten, who uses layers to share home flows, layouts and indoor-outdoor living options directly with clients.

Use layers to add mark-ups or visualize fresh options for your plan.
 

4. Export the Plan

When you're ready to export, Concepts lets you export finished work as a JPG, high-resolution PNG or flattened PDF to your files, email or client, or continue vector work in other apps via SVG, DXF, PSD or editable PDF.

Hit the Export tab and choose from among the various file types, background options and resolutions. Then tap Export in the upper corner and save or share it. (Learn tips for exporting your plan here.)

Export to various file types including CAD’s DXF and Adobe’s PDF.

Tip: To make quick edits to a PDF - import the plan, use the hard eraser to mask out the editable portion, and draw or add text or signature over the top. Then export the page. If it’s part of a bigger document, you can substitute the single page into the doc by selecting “PDF bounds” at export.

 

Drawing a Floor Plan from Scratch

If you’re looking to draw a plan from scratch in Concepts, you’ll want to set your drawing to a real-world scale, draw with straight lines that measure for you, and know how to “stick” those measurements to the canvas.
 

1. Set the Drawing Scale

In a new drawing, open the Precision menu. Next to the “Measure” option is a ratio. It will probably say 1:1. This ratio is your Drawing Scale. Tap the ratio to bring up the drawing’s scale settings (or find the same menu in Settings). Tap a field to bring up the keyboard and find a list of popular scale options, or enter your own.

While you’re here, head to the Display Units field below and choose the units that correspond with your scale. While the scale will be correct, it might be confusing on your drawing to have the units displayed in points or mm instead of inches, for example. Also choose your preferred notation and levels of accuracy from the Display Format & Precision section. From now on, all tools, objects and measurements in your drawing will display according to these metrics.

Define your drawing scale, units and displays.
 

2. Activate Measure

Tap the circle beside the Measure option. Your lines, shapes and distances will now show measurement labels as you draw.

Tap a measurement label at any time to "stick" it to your canvas. To delete it, select the label and tap the trash icon.

If Measure is active when you export, the labels will display on your exported plan.

Examples of measurement labels.
 

Handy Setup Tips

For a quick setup of your workspace and tools, create a project template (see this tutorial) and duplicate the template for each new plan.

If you have a business template or logo you use for printed plans, import it into Concepts on a transparent background, and create a blank template drawing for future plans.

Find the right grid type for your plan in Settings > Workspace. Feel free to customize your grids with the Grid Editor.

Use the tool slots to your advantage. Set one pen to 100% smoothing for drawing quick lines, set another at 0% for writing notes. Preset them to other colors for line edits.

Add Slice to the tool wheel for trimming lines and making incisions. Set it to 0 pts to keep your line lengths exact.

 

3. Draw your Plan

You have two ways of drawing straight lines to ideal lengths. 100% line smoothing draws instant straight lines and when paired with Measure, measures actively as you draw. The Line guide is traceable and lets you set floating measurement tags. Each has slightly different advantages.
 

Drawing with Line Smoothing

100% line smoothing lets you draw instant straight lines with your stylus.

To set your pen to 100% smoothing, choose a slot on the tool wheel, select a pen and tap the smoothing setting on the inner ring of the tool wheel. Select a preset value in the menu that appears and slide it all the way up to 100%, or tap+hold a preset to custom enter a value.

Set your tool to 100% smoothing and activate Measure.

When Measure is active, it will calculate your line length according to your drawing's scale. This is great for freehand sketching a plan when you don’t know the measurements. Measure calculates the distance for you.

If you need an exact length for your line, you can select the line, then tap+hold the Length value beside the line or in the status bar and enter the custom value. The line will adjust along with the measurement.

Tap+hold a measurement label to enter a custom length. The line and label will both update to the new value.

Drawing a plan with line smoothing might look something like this.
 

Draw a Room

Let's draw a basic bedroom. Try drawing the first two walls, select and duplicate them, then flip and mirror the duplicate. You’ll see the measurement labels copy over, too.


Measure Closets

A standard closet depth is 24 inches. Draw a line that measures this distance into the room (you can delete the line later).

Then draw a line or duplicate a pre-existing line to draw the wall-to-wall distance of the closets.

Use the Slice tool at 0 pts to trim out the “wall” and add doors. (Learn about Slice vs Hard and Soft Erasers.) If you want to know a dimension after removing part of your line (or edit it), select the segment that's left to display its measurement.

New measurement tags will pop up while you Slice, showing you the edited dimensions. You can always select a cut line segment to display or edit its measurement.


Add Other Room Elements

Know the physical dimensions of what you’re designing. A standard room door in the US is 32”, a single window might be 30”. Planning these in accurately makes a difference both visually on design and when you build the plan.

If doors, windows, appliances or even layouts are items you use frequently throughout designs, draw one to appropriate scale and group the strokes into a single "object". Then drag it into an Object Library (iOS) or create a template drawing for your objects to live in. From here, you can copy them into your designs and duplicate them for quicker drawing. Both objects and the clipboard are available between drawings, and selections will appear at the size and scale you copied them.

Group measured lines into objects by selecting and linking them together, then copy them to a template drawing or an Object Library (iOS) for later use.

If you need to rotate a line an exact number of degrees (for example, 90 degrees to form a corner), select the line, then tap the angle value up in the status bar to open the Measurement Popup, and choose from the shortcuts or enter your own.

 

Drawing with the Line Guide

The Shape Guides have some special properties that can help when creating designs. Not only are they mouldable via the guide handles, you can define perimeter, angle and radius, then trace the exact shape. You can learn more about the various guides in the manual.

The Line guide paired with Measure lets you draw to scale similarly to drawing with line smoothing, but it also lets you create floating measurement labels that appear typical to labels you might see on a floor plan.

Activate the Line guide in the Precision menu. Then double-tap the crosshairs at the center of the guide to contain your line to within the handles. These handles reflect the outer bounds of your measurement, and if you’re setting an exact distance value, you don’t want to draw beyond it.


Be aware that when the Line guide is active, nothing else is. You can draw anywhere on the screen and it will only trace the guide. You can move the guide, move its handles or tap a label, but to select or draw or do anything else on canvas, you need to deactivate the guide first. Do this by tapping the Guide option in the Precision menu or just by tapping a finger on the screen. Tap two fingers to bring it back.

Your process for drawing with the Line guide will look like this:

  1. Position the Line guide on the canvas.
  2. Tap+hold the measurement label, or tap open the Measurement Popup.
  3. Enter your new value.
  4. Tap the label. This gives you a floating measurement label.
  5. Trace the line.


Depending on your desired outcome, you don’t need to trace the line. You can create a floating measurement label by following the first four steps. These labels will remain on screen while Measure is active. Turn Measure off and they will disappear, turn it on and they will reappear. These are "static" labels, and live on the Measurement layer instead of attached to a stroke.

To continue drawing your plan, it's simplest to use the Measurement Popup to edit guide values and rotate the guide.

Example of a plan with floating measurements.

To rotate the guide an exact number of degrees, tap+hold the angle value in the status bar, and choose a rotation value from the shortcuts or enter in your own.

Tip: Set Scale to Off in the Selection menu so you don’t resize your line when moving it. Set Rotate to Off when setting angles.

To precisely rotate the Line guide, 1. Tap to open the Measurement Popup or tap+hold the angle value on the status bar. 2. Choose a shortcut or enter your angle. 3. Keep rotate off while you adjust your line on the canvas.
 

A Few Useful Tool Tips

Duplicate, Mirror and Flip can make line work faster. If you already have a line in place with the measurement you want, select and duplicate it. You can select floating measurements and duplicate those, as well.

If you aren't sure about how to draw an element of your plan, add a new layer to the design and draw it there. It's always better to think through many options to see what might work best for your plan. You can always make final design choices down the road.

Set your layers to Manual mode so you can draw in as many layers as you need, regardless of tool. Keep your ideas and edits separate between layers so you can easily toggle among them (think client mark-ups vs electrical notes vs kitchen layouts vs flow diagrams).

 

4. Export the Plan

When you're ready to export your plan, make sure that Measure is active and that your Measurement layer is set to visible. Any measurement labels visible on canvas will export to your final design.

An example of an exported plan. Concepts also supports area measurements using the Filled Stroke tool. Learn how to use them in our Scale & Measurement tutorial.

You’ll probably want to share the plan with interested parties for conversations and edits, and later on, hand the plan over to an engineering team. Here are a handful of additional tips for sharing and saving your work.

For quick comments, select part of your drawing, then tap+hold+drag it to your email or text where it will paste as a PNG.

To share an editable drawing, export the plan as a Concepts file. This allows a client or teammate to open the file straight inside Concepts and add mark-ups. Hint: Rename a new layer with your client’s name and set the active tool to a red pen before exporting.

To export a plan to a specific size for printing, create an artboard of that size under Settings > Artboard Size, then select and scale your plan to fit the artboard. (Be sure Scale, not Stretch, is active in the Selection menu; it also helps to set Rotate to Off). Tap Export, select your file type, and choose Custom Size.

To export an editable vector file to CAD, Adobe or other software, choose the appropriate file type and export. Note that files opened in other vector editors may not look the same - they don’t support the textured strokes Concepts specializes in, so stick with the Fixed Width and Wire brushes to draw, and the Slice tool as your eraser.

To back up a drawing from the Gallery, tap+hold+drag the drawing to your Files or cloud. On iOS, Concepts is already synced to Files on your local device. To back up an entire project, open the project menu and tap+hold+drag the project to your Files or cloud.


Good luck creating your plans! If you have questions, please email us at support@concepts.app and we’ll be happy to help.


By Erica Christensen



Recommended

How to Design in Concepts - Get started using Concepts' Shape Guides, Snap, Selection and Layers as you design a simple object.

Scale and Measurement in Concepts - Learn how to apply accurate scale and measurements to your drawings and plans.

The Design Life of a Paperless Architect - Architect Craig Burns shares his design workflow on iPad in our Architectural Design Q&A.