[{"data":1,"prerenderedAt":142},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:how-to-draw-a-floor-plan-online:en":24,"guides-list:en":105,"i-tabler:door":132,"i-tabler:armchair":134,"i-tabler:texture":136,"i-tabler:point-filled":138,"i-tabler:chevron-right":140},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":87},"How to draw a floor plan online, step by step","How to Draw a Floor Plan Online for Free","Draw a floor plan to scale in your browser for free: measure the rooms, draw walls at exact lengths, add doors and furniture, then dimension it.","Measure each room, open a drawing tool that works in real units, and draw the outside walls at their measured lengths. Then add the inside walls, the doors and windows, the furniture, the dimensions and the room names, and export it at a scale like 1:50 or 1:100. This guide walks through it in [JotJam's design tool](\u002Fdesign), which is free and runs in the browser.",[30,40,44,50,57,61,65,69,75,79],{"h2":31,"p":32,"list":34},"1. Measure before you draw",[33],"A floor plan is only as good as its numbers. Take a tape measure or a laser measure and, room by room, write down:",[35,36,37,38,39],"the length of every wall, corner to corner","the thickness of the walls — measure it in a door opening","the width of each door and window, and how far it sits from the nearest corner","anything fixed: radiators, the kitchen run, the bath, the stairs","both diagonals of a room you think is square — if they're equal, it is",{"h2":41,"p":42},"2. Make a rough sketch first",[43],"Sketch the layout freehand — on paper or on the [sketch pad](\u002Fdraw) — and write the measurements on it as you go. You'll draw the real plan from this sketch, so it doesn't have to be neat, just complete.",{"h2":45,"steps":46},"3. Set up the drawing",[47,48,49],"Open [a new design](\u002Fdesign\u002Fedit). You don't need an account to draw.","In the grid and snapping panel, set the units. Millimetres are the norm for plans in most of the world; centimetres work too.","Set the wall thickness. Outside walls of houses are often 250–350 mm and inside partitions 75–150 mm, but use what you measured.",{"h2":51,"steps":52},"4. Draw the outside walls",[53,54,55,56],"Pick the Wall tool (W) and tap where the first corner goes.","Point the line in the direction of the wall, type its length — 4200 for 4.2 m in millimetres — and press Enter.","Work your way round the building corner by corner. Lines snap to 15° steps, so right angles are easy.","Tap the first point again to close the outline.",{"h2":58,"p":59},"5. Add the inside walls",[60],"Draw each inside wall from an existing wall. Points snap to the ends and midpoints of what you already drew, so walls meet cleanly. Type lengths as before. Hold Alt if you need to place a point without snapping.",{"h2":62,"p":63},"6. Place doors, windows and stairs",[64],"Open the symbols panel and drop in a [single door](\u002Flibrary\u002Fplan\u002Fsingle-door), [double door](\u002Flibrary\u002Fplan\u002Fdouble-door), [sliding door](\u002Flibrary\u002Fplan\u002Fsliding-door), [window](\u002Flibrary\u002Fplan\u002Fwindow) or [straight stair](\u002Flibrary\u002Fplan\u002Fstraight-stair). They're real size, so a 90 cm door fits a 90 cm opening without resizing. Drag each one into its wall and use Rotate 90° to turn it the right way. Check every door swing: it shouldn't hit furniture or another door. The [floor plan symbols guide](\u002Fguides\u002Ffloor-plan-symbols) explains what each mark means.",{"h2":66,"p":67},"7. Furnish it",[68],"Add a [bed](\u002Flibrary\u002Fplan\u002Fdouble-bed), [sofa](\u002Flibrary\u002Fplan\u002Fsofa), [dining table](\u002Flibrary\u002Fplan\u002Fdining-table), [kitchen counter](\u002Flibrary\u002Fplan\u002Fkitchen-counter), [bath](\u002Flibrary\u002Fplan\u002Fbathtub) and [WC](\u002Flibrary\u002Fplan\u002Ftoilet). Because they're true size, you'll see straight away whether a room really fits a double bed with space to walk round it. For other pieces, draw rectangles at the sizes in [furniture sizes for floor plans](\u002Fguides\u002Ffurniture-sizes-for-floor-plans).",{"h2":70,"list":71},"8. Dimension and label",[72,73,74],"**Dimensions (D)** — tap two points, then place the line. Give the overall size of the building, the size of each room and the position of openings.","**Text (T)** — room names, and areas if you need them.","**North arrow and scale bar** — from the plan symbols, so readers know the orientation and the size even if the plan is printed smaller.",{"h2":76,"p":77},"9. Save and export",[78],"Save the design to your account, then download a PNG or an SVG. To print at a real scale, export a scale PDF on A4 or A3 — 1:100 for a whole flat or house, 1:50 for a furnished room layout — and print at 100%. For AutoCAD, Rhino or SketchUp, export a DXF.",{"h2":80,"list":81},"Common mistakes",[82,83,84,85,86],"Drawing every wall at the same thickness when outside and inside walls differ.","Forgetting door swings, then finding the door hits the bed.","Scaling furniture by eye instead of using real sizes.","No north arrow, no scale bar, no overall dimensions.","Measuring in centimetres and typing the numbers in a millimetre drawing.",{"title":88,"items":89},"Questions",[90,93,96,99,102],{"q":91,"a":92},"Can I draw a floor plan online for free?","Yes. JotJam's design tool is free to use without an account. Saving uses a couple of credits, and you get free credits every day you sign in.",{"q":94,"a":95},"What scale should a floor plan be?","1:100 is usual for a whole house or flat, 1:50 for a room or a furnished layout, and 1:20 for details like a kitchen or a bathroom.",{"q":97,"a":98},"Can I draw a floor plan on an iPad or a phone?","Yes. Tap corners to draw walls, pinch to zoom and drag with two fingers to move. A bigger screen is easier for a whole house.",{"q":100,"a":101},"Can I open my floor plan in AutoCAD?","Export a DXF from a saved design. It comes out at real size in millimetres.",{"q":103,"a":104},"Should I measure to the inside or the outside of the walls?","Measure inside each room, wall face to wall face, and measure the wall thickness separately. Then you can build up the overall size and check it against an outside measurement.",[106,108,112,116,120,124,128],{"slug":107,"title":25,"description":27},"how-to-draw-a-floor-plan-online",{"slug":109,"title":110,"description":111},"floor-plan-symbols","Floor plan symbols and what they mean","What floor plan symbols mean: door swings, sliding doors, windows, stairs, furniture, north arrows and section marks — with free SVG symbols.",{"slug":113,"title":114,"description":115},"furniture-sizes-for-floor-plans","Furniture sizes to use in a floor plan","Typical sizes of beds, sofas, tables, desks, wardrobes, kitchen and bathroom fittings, and the space to leave around them, in centimetres.",{"slug":117,"title":118,"description":119},"section-hatch-patterns","Section hatch patterns: what each one means","What section hatches mean — concrete, brick, earth, insulation, timber, gravel — when to use each, and how to keep a section readable. Free SVGs.",{"slug":121,"title":122,"description":123},"sketch-on-a-phone-or-tablet","How to sketch on a phone or tablet without installing an app","Draw on an iPad, Android tablet or phone right in the browser: Apple Pencil pressure, palm rest, pinch to zoom and PNG export. Free, no app.",{"slug":125,"title":126,"description":127},"play-piano-on-a-computer-keyboard","How to play piano on a computer keyboard","Which computer keys play which piano notes, how to change octave and hold the sustain pedal, plus easy songs and chords for a laptop keyboard.",{"slug":129,"title":130,"description":131},"easy-guitar-chords-for-beginners","Easy guitar chords for beginners","The ten guitar chords to learn first, with fret numbers, the order to learn them in and easy progressions. Hear each one on a free online guitar.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":133},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":135},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":137},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":139},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":141},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",1792672094249]