[{"data":1,"prerenderedAt":117},["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,"pages:design:en":24,"i-tabler:plus":101,"i-tabler:point-filled":103,"i-tabler:keyboard":105,"i-tabler:door":107,"i-tabler:pointer":109,"i-tabler:magnet":111,"i-tabler:ruler-measure":113,"i-tabler:triangle":115},{"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>",{"intro":25,"blocks":26,"faq":80},"JotJam's design tool lets you draw floor plans, elevations, sections and axonometric drawings to scale, right in the browser. Walls, lines, arcs and dimensions snap into place, you type exact lengths, and you drop in doors, furniture and people from a [free symbol library](\u002Flibrary). Saved designs export as PNG or SVG for free, or as a scale PDF or a DXF for CAD.",[27,42,47,58,73],{"h2":28,"items":29},"What's in the toolbox",[30,33,36,39],{"h3":31,"p":32},"Walls","Tap each corner, then double-tap or press Done. Tap the first point again to close the room. Set the wall thickness first; each new wall is drawn at it.",{"h3":34,"p":35},"Lines, polylines, rectangles, circles","The basics for outlines, furniture you draw yourself, site boundaries and grids.",{"h3":37,"p":38},"Arcs and curves","Door swings, bay windows, curved walls and landscaping.",{"h3":40,"p":41},"Dimensions and text","Dimension lines show their length in the units you pick. Text is for room names, notes and titles.",{"h2":43,"p":44},"Exact sizes",[45,46],"Everything is real size underneath, in centimetres, and you can show sizes in millimetres, centimetres or metres. While drawing, type a number and press Enter: 3600 gives a 3.6 m wall when you work in millimetres. Rectangles take both sides, like 3600 x 2400.","Lines snap to the grid, to the ends, midpoints and centres of other shapes, and to 15° steps. Hold Alt to draw freely for a moment.",{"h2":48,"steps":49},"Draw a floor plan in eight steps",[50,51,52,53,54,55,56,57],"Open [a new design](\u002Fdesign\u002Fedit) and set the units — millimetres are standard for plans.","Pick the Wall tool and set the wall thickness.","Draw the outside walls, typing each length and pressing Enter.","Add the inside walls; they snap to the ones you already drew.","Place doors and windows from the [plan symbols](\u002Flibrary\u002Fplan).","Add beds, sofas, a kitchen run and bathroom fittings — all at real size.","Add dimensions and room names.","Save, then download PNG or SVG, or export a scale PDF to print.",{"h2":59,"items":60},"Four kinds of drawing",[61,64,67,70],{"h3":62,"p":63},"Plan","The view from above. [Plan symbols](\u002Flibrary\u002Fplan): doors, windows, stairs, furniture, north arrow, scale bar.",{"h3":65,"p":66},"Elevation","A straight-on view of a facade or wall. [Elevation symbols](\u002Flibrary\u002Felevation): people, trees, cars, doors, windows.",{"h3":68,"p":69},"Section","A vertical cut through the building. [Section symbols](\u002Flibrary\u002Fsection): concrete, brick, earth and insulation hatches, slabs, footings.",{"h3":71,"p":72},"Axonometric","Switch the grid to isometric and lines lock to the three iso axes. [Axonometric pieces](\u002Flibrary\u002Faxon): massing blocks, stairs, furniture.",{"h2":74,"list":75},"Export",[76,77,78,79],"**PNG and SVG** — free for saved designs. SVG opens in Illustrator, Inkscape and CAD tools that import SVG.","**Scale PDF** — on A4 or A3, from 1:1 to 1:1000 (1:50 and 1:100 are the usual ones for plans). Print at 100% and measure it with a scale ruler.","**DXF** — opens in AutoCAD, LibreCAD, Rhino and SketchUp, real size in millimetres.","The PDF and DXF are made on our server from your saved version and use a few credits; exporting the same version with the same settings again is free.",{"title":81,"items":82},"Questions",[83,86,89,92,95,98],{"q":84,"a":85},"Is it free?","Drawing is free and needs no account. Saving a design uses a couple of credits, and you get free credits every day you sign in. PNG and SVG downloads of saved designs are free.",{"q":87,"a":88},"What scale is it drawn at?","Everything is real size underneath, in centimetres. Show sizes in mm, cm or m. Symbols are real size too, so a door is 90 wide and a double bed is 160 × 200.",{"q":90,"a":91},"Can I open my drawing in CAD or Illustrator?","Save the design, then export SVG — it opens in Illustrator, Inkscape and CAD tools that import SVG. For AutoCAD and similar apps, export a DXF; to print at 1:50 or 1:100, export a scale PDF.",{"q":93,"a":94},"Can I draw a floor plan on an iPad or a phone?","Yes. Every tool works by touch: tap corners to draw, pinch to zoom, drag with two fingers to move. A bigger screen is easier for large plans.",{"q":96,"a":97},"Can I use feet and inches?","Not yet — sizes are in millimetres, centimetres or metres.",{"q":99,"a":100},"Is there a 3D view?","No. You can draw axonometric (isometric) views on the iso grid, which look three-dimensional, but they're drawings, not a 3D model.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":102},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m-7-7h14\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":104},"\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":106},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 2v.01m4-.01v.01m4-.01v.01m4-.01v.01M6 14v.01M18 14v.01M10 14l4 .01\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":108},"\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":110},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":112},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 13V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a8 8 0 0 1-16 0m0-5h5m6 0h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":114},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.875 12c.621 0 1.125.512 1.125 1.143v5.714c0 .631-.504 1.143-1.125 1.143H4a1 1 0 0 1-1-1v-5.857C3 12.512 3.504 12 4.125 12zM9 12v2m-3-2v3m6-3v3m6-3v3m-3-3v2M3 3v4m0-2h18m0-2v4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":116},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0\"\u002F>",1792672094249]