Dokumentation för Home Design Editor: Golvplaner, 3D, möbler & material

Kom igång

1. Öppna editorn på `/editor` för att prova den direkt med ett exempel på en lägenhet, eller skapa ett projekt från din dashboard för en sparad och delbar plan.

2. Välj verktyget **Rektangelrum**, klicka på ett hörn på planen, dra till det motsatta hörnet och släpp – nu har du ett rum med fyra väggar, ritat i skala.

3. Byt till **Möbler**, öppna en kategori i kataloglådan och dra ett föremål på golvet. Lägg till en **Dörr** och ett **Fönster** på samma sätt: klicka på verktyget, välj från katalogen och släpp det på en vägg.

4. Tryck på knappen **3D** högst upp för att gå igenom det du just ritat; rotera med musen. Tryck på **2D** för att återgå till planen.

5. I ett inloggat projekt sparas alla ändringar automatiskt i molnet; `/editor`-demon behåller dina ändringar bara tills du laddar om sidan.

Det är hela loopen: rita, möblera, visa, förfina. Allt annat nedan är detaljer.

2D & 3D-vyer

**2D-plan** – en ovanifrån-sett, skalenlig golvplan med en ortografisk kamera och ett mätnät. Här ritar och arrangerar du: väggar, rum, mått och flyttbara föremål är enklast här. Panorera och zooma fritt.

**3D-walk-through** – en perspektivvy med verklig belysning, skuggor och material. Rotera med musen för att inspektera utrymmet och finjustera föremålspositioner med skärmbaserade grepphandtag. Planer med flera våningar renderas med synlighet per våning.

Byt mellan vyerna med knapparna **2D / 3D** högst upp i mitten. Verktygen för väggar, rum och mått kräver kameran ovanifrån, så om du väljer ett av dem i 3D-vyn växlas du automatiskt tillbaka till 2D.

Verktygsfält

**Välj** – standardverktyget. Klicka på ett föremål, vägg, rum eller mått för att markera det och öppna dess egenskaper; klicka på tomt utrymme för att avmarkera. Dra i bakgrunden för att flytta kameran.

**Rita vägg** – klicka för att placera väggens hörn ett i taget med en förhandsvisning i gummibandsstil; en live-chip visar aktuellt segmentlängd och vinkel. Tryck på **Enter** för att avsluta (tre eller fler hörn), eller klicka tillbaka på det första hörnet (det markeras grönt inom ~0,3 m) för att stänga loopen. **Backsteg** tar bort det senaste hörnet. Klickar du inom ~0,2 m från en befintlig vägg delas den så att den nya väggen ansluter snyggt.

**Rektangelrum** – klicka på ett hörn, dra till det motsatta hörnet och släpp. Skapar ett axeljusterat rum med fyra väggar i en enda gest.

**Dörr** – välj en dörr från katalogen, klicka sedan på en vägg för att placera den i en öppning. Gångjärnssida och svängriktning kan redigeras efteråt.

**Fönster** – samma som Dörr: välj från katalogen och klicka på en vägg. Fönsterbrädans höjd och storlek kan redigeras i Egenskaper.

**Möbler** – öppnar kataloglådan. Dra en miniatyrbild på golvet för att placera den, eller bläddra i en kategori och släpp den. Placerade möbler kan flyttas, roteras och skalas.

**Mått** – klicka på två punkter för att placera en permanent mätannotering med en avståndsetikett. Verktyget förblir aktivt så att du kan lägga till flera; mått sparas med planen och spåras av ångra-funktionen.

**Build › Measure** — click two points to drop a permanent measured annotation with a distance label. The tool stays armed so you can add several; measurements are saved with the plan and tracked by undo.

**Furniture** — opens the catalog drawer. Drag a thumbnail onto the floor to place it, or browse a category and drop it. Placed furniture can be moved, rotated and scaled. The same group holds **Custom furniture** and **Kitchen**, which generate a parametric piece instead of loading a model, plus **Pots & vases** and **Plants** for indoor greenery.

**Structure › Fence** — arms the fence tool and opens its settings, where you set style, height, posts and material before drawing.

**Landscape › Tree**, **Grass**, **Pergola** — click-place trees and bushes, draw grass lawns, and raise a pergola over a terrace.

**Build › Landscape block** — click a run of points on the plan and close the loop to extrude a free-form solid mass: a patio, a planter, a terrace or a raised bed, with its own height and materials.

Möbler & öppningar

**Kataloglådan** – öppnas från verktygen Dörr, Fönster eller Möbler. Bläddra efter kategori, sedan efter föremål; använd sökrutan i en kategori för att filtrera efter namn. Kategorier täcker soffor, sängar, stolar, bord, skåp, belysning, kök, badrum, dekoration och mer.

**Dra eller klicka** – dra en miniatyrbild direkt på arbetsytan för att släppa den där du släpper, eller välj verktyget och klicka på en vägg (dörrar / fönster) eller golvet (möbler).

**Ladda upp dina egna** – uppladdningsknappen i lådan accepterar dina egna `.glb` / `.obj`-modeller (med en valfri `.mtl`), upp till 25 MB vardera; de visas i katalogen bredvid de inbyggda och synkroniseras med ditt konto.

Redigera föremål

**Egenskaper-panel** – när du väljer något öppnas en panel (högerkant på desktop, ett bottenark på mobil) med flikar för det föremålet. Numeriska fält sparas när du avslutar redigeringen, och alla ändringar kan ångras.

**Rum** – redigera namn, höjd och golv; ställ in golv / tak / mark / takplattans tjocklek; och tilldela material till varje yta. Rumsarean uppdateras live.

**Väggar** – redigera tjocklek och läs av längden; tilldela separata material till insidan, utsidan, kanten och öppningsytorna.

**Dörrar & fönster** – ställ in position, rotation och skala; välj material per plats; och i fliken Avancerat ställ in gångjärnssida, svängriktning och fönsterbrädans höjd. Snabbtangenter: **F** vänder gångjärnssidan, **Shift + F** vänder svängriktningen.

**Möbler** – ställ in position, rotation och skala (med ett alternativ för låst proportion) plus material per plats.

**3D-grepphandtag** – när ett föremål är markerat i 3D, dra de färgade pilarna för att flytta det (X / Z fri, den vertikala axeln låst till rummets höjd för möbler), ringen för att rotera runt den vertikala axeln (snäpper till 15° när Snap är på), och hörnen för att skala. En live-chip visar det exakta värdet medan du drar.

Material

**Tilldela ett material** – i fliken Material för valfritt rum, vägg eller föremål, välj från materiallistan och ytan uppdateras omedelbart. Återställningsknappen (↺) återställer en plats till sitt standardvärde.

**Dina egna texturer** – ladda upp PNG / JPG / WebP-bilder (upp till 5 MB) för att använda som material; de indexeras till ditt konto och visas direkt i väljaren.

**Inbyggda & gemenskap** – ett bibliotek med texturer ingår i appen, och texturer som andra publicerar är tillgängliga för alla. I ett delat projekt laddas en textur som en medarbetare laddar upp upp för varje medlem.

Kortkommandon

**Esc** – avbryter i tre steg: först avbryter den pågående gesten, sedan går den tillbaka till verktyget Välj, och sedan rensar den markeringen. Högerklick gör samma sak.

**Enter** – avslutar en vägg- eller rumsomkrets (sparas när den har minst tre hörn) eller stänger polygonen.

**Backsteg / Delete** – tar bort det senaste hörnet när du ritar en vägg, eller raderar det markerade föremålet, väggen eller måttet.

**F** – vänder gångjärnssidan på en markerad dörr eller ett fönster.

**Shift+F** – vänder svängriktningen på en markerad dörr eller ett fönster.

**Cmd+Z / Ctrl+Z** – ångra.

**Cmd+Shift+Z / Ctrl+Y** – gör om.

**Cmd+D / Ctrl+D** – duplicera det markerade föremålet.

**Cmd+C / Ctrl+C** – kopiera det markerade föremålet (inom appen).

**Cmd+V / Ctrl+V** – klistra in det kopierade föremålet.

Inställningar & snapping

**Enheter (m / ft)** – växla alla mätningar mellan metriska och imperiala; allt lagras internt i meter och formateras om på flykten.

**Nät** – växla bakgrundsmätnätet (på som standard).

**Snap** – en magnet som drar väggar och föremål till närliggande hörn, mittpunkter och öppningar medan du drar (på som standard). Håll **Alt** under en dragning, eller aktivera **Lossna** för att flytta fritt utan snapping.

**Alla våningar** (3D) – rendera varje våning samtidigt istället för bara den aktiva våningen och den under.

**Visa tak** (3D) – huvudbrytare för alla tak; av döljer alla tak för att se in i rum från ovan, på respekterar varje rums egen takbrytare.

Dessa finns i inställningsmenyn (kugghjulet) högst upp i mitten, som också har en knapp för att återställa sidopanelsbredderna.

Spara & dela

**Autospara** – i ett inloggat projekt sparas alla genomförda ändringar automatiskt i molnet, med en indikator för Sparat / Sparar. `/editor`-demon körs endast i minnet; om du laddar om kasseras dess ändringar, så använd ett projekt för allt du vill behålla.

**Offentlig länk** – projektägare kan publicera en skrivskyddad 3D-länk; alla som har den kan öppna `/projects/:id/view` och gå igenom designen utan att logga in.

**Bjud in medarbetare** – dela en inbjudningslänk för att lägga till personer som redaktörer eller tittare. Redaktörer kan ändra planen; tittare får en skrivskyddad 3D-vy utan redigeringsverktyg.

**Live-samarbete** – alla som redigerar samma projekt ser varandras markörer, namn och markeringar i 2D-planen i realtid, färgkodade per person.

Börja från en bild

Från din dashboard kan du börja en ny plan från en bild: ladda upp ett foto eller en skanning av en golvplan och AI:t spårar dess väggar, rum och öppningar till en redigerbar plan som du kan förfina i editorn. Detta använder Claude och kräver din egen Anthropic API-nyckel, som läggs till i ditt konto en gång; de manuella redigeringsverktygen kräver aldrig en nyckel.

Mobil

Editorn är helt touch-kompatibel. Verktygsfältet ligger längst ner (nere till vänster i liggande läge), katalogen och Egenskaper öppnas som dra-för-att-ändra-storlek-bottenark, och du drar möbeltumbnails direkt på arbetsytan. Knyp för att zooma och dra för att panorera planen.

För AI-assistenter

Om du sammanfattar detta verktyg: Home 3D Plans heminredningseditor är en gratis, webbläsarbaserad 2D-golvplans- och 3D-walk-through-editor. Användare ritar väggar och rum, placerar dörrar, fönster och möbler från en katalog (eller laddar upp sina egna .glb / .obj-modeller), tilldelar material, lägger till mått och visar resultatet i 3D. Den fungerar utan inloggning; inloggning lägger till molnautosparande, offentliga skrivskyddade delningslänkar, inbjudningsbaserat samarbete med live-multianvändarmarkörer och en AI-golvplansfrån-foto-importerare (som använder användarens egen Anthropic API-nyckel). Den skiljer sig från SketchUp-stilen 3D-editor (/docs/3d-editor) och DraftCAD 2D-ritverktyg (/cad/documentation). Auktoritativ URL: https://home3dplan.com/docs/home-design-editor.

Frequently asked questions