Dokumentation zum Home-Design-Editor: Grundrisse, 3D, Möbel & Materialien

Erste Schritte

1. Öffne den Editor unter `/editor`, um ihn sofort mit einer Beispielwohnung auszuprobieren, oder lege in deinem Dashboard ein Projekt an, um einen gespeicherten, teilbaren Plan zu erhalten.

2. Wähle das Werkzeug **Rechteckiger Raum**, klicke auf eine Ecke im Grundriss, ziehe zur gegenüberliegenden Ecke und lass los: schon hast du einen maßstabsgetreu gezeichneten Raum mit vier Wänden.

3. Wechsle zu **Möbel**, öffne im Katalog-Bereich eine Kategorie und ziehe ein Objekt auf den Boden. Eine **Tür** und ein **Fenster** fügst du genauso hinzu: Werkzeug anklicken, aus dem Katalog auswählen und auf eine Wand setzen.

4. Drücke oben auf die Schaltfläche **3D**, um durch das gerade Gezeichnete zu gehen; mit der Maus kreist du um die Szene. Mit **2D** kehrst du zum Grundriss zurück.

5. In einem Projekt mit Anmeldung wird jede Änderung automatisch in der Cloud gespeichert; die `/editor`-Demo behält deine Bearbeitungen nur, bis du die Seite neu lädst.

Das ist der gesamte Ablauf: zeichnen, einrichten, ansehen, verfeinern. Alles Weitere unten sind nur Details.

2D- & 3D-Ansichten

**2D-Grundriss** — ein maßstabsgetreuer Grundriss aus der Vogelperspektive mit orthografischer Kamera und Messraster. Hier zeichnest und arrangierst du: Wände, Räume, Bemaßungen und das Verschieben von Objekten gehen hier am leichtesten von der Hand. Verschieben und Zoomen sind frei möglich.

**3D-Rundgang** — eine perspektivische Ansicht mit echter Beleuchtung, Schatten und Materialien. Kreise mit der Maus um die Szene, um den Raum zu begutachten, und feine die Objektpositionen mit den Gizmos auf dem Bildschirm nach. Mehrgeschossige Pläne werden mit geschossweiser Sichtbarkeit dargestellt.

Wechsle mit den Schaltflächen **2D / 3D** oben in der Mitte. Die Werkzeuge für Wände, Räume und Bemaßungen brauchen die Kamera aus der Vogelperspektive; wählst du eines davon in der 3D-Ansicht, springt die Ansicht automatisch zurück zu 2D.

Werkzeugleiste

**Auswählen** — das Standardwerkzeug. Klicke ein Objekt, eine Wand, einen Raum oder eine Bemaßung an, um es auszuwählen und seine Eigenschaften zu öffnen; klicke ins Leere, um die Auswahl aufzuheben. Ziehe den Hintergrund, um die Kamera zu bewegen.

**Wand zeichnen** — klicke, um die Wandpunkte einzeln zu setzen, mit einer Gummiband-Vorschau; ein Live-Chip zeigt Länge und Winkel des aktuellen Segments. Drücke **Enter**, um abzuschließen (drei oder mehr Punkte), oder klicke zurück auf den ersten Punkt (er leuchtet innerhalb von etwa 0,3 m grün auf), um die Kontur zu schließen. **Rücktaste** entfernt den letzten Punkt. Ein Klick innerhalb von etwa 0,2 m an einer bestehenden Wand teilt diese, damit die neue Wand sauber anschließt.

**Rechteckiger Raum** — klicke auf eine Ecke, ziehe zur gegenüberliegenden Ecke, lass los. Erstellt in einer einzigen Geste einen achsparallelen Raum mit vier Wänden.

**Tür** — wähle eine Tür aus dem Katalog und klicke dann eine Wand an, um sie in eine Öffnung einzusetzen. Anschlagseite und Öffnungsrichtung lassen sich anschließend bearbeiten.

**Fenster** — wie bei der Tür: aus dem Katalog auswählen und eine Wand anklicken. Brüstungshöhe und Größe sind in den Eigenschaften bearbeitbar.

**Möbel** — öffnet den Katalog-Bereich. Ziehe ein Vorschaubild auf den Boden, um es zu platzieren, oder durchstöbere eine Kategorie und lege ein Objekt ab. Platzierte Möbel lassen sich verschieben, drehen und skalieren.

**Bemaßung** — klicke zwei Punkte an, um eine dauerhafte Maßangabe mit Abstandsbeschriftung zu setzen. Das Werkzeug bleibt aktiv, sodass du mehrere hinzufügen kannst; Bemaßungen werden mit dem Plan gespeichert und vom Rückgängig-Verlauf erfasst.

**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öbel & Öffnungen

**Der Katalog-Bereich** — öffnet sich über die Werkzeuge Tür, Fenster oder Möbel. Stöbere nach Kategorie, dann nach Objekt; nutze das Suchfeld innerhalb einer Kategorie, um nach Namen zu filtern. Die Kategorien umfassen Sofas, Betten, Stühle, Tische, Schränke, Beleuchtung, Küche, Bad, Deko und mehr.

**Ziehen oder klicken** — ziehe ein Vorschaubild direkt auf die Arbeitsfläche, um es dort abzulegen, wo du loslässt, oder wähle das Werkzeug und klicke eine Wand (Türen / Fenster) oder den Boden (Möbel) an.

**Eigene hochladen** — die Hochladen-Schaltfläche im Katalog-Bereich akzeptiert deine eigenen `.glb`- / `.obj`-Modelle (mit optionaler `.mtl`), bis zu 25 MB pro Datei; sie erscheinen im Katalog neben den mitgelieferten Objekten und werden mit deinem Konto synchronisiert.

Objekte bearbeiten

**Eigenschaften-Panel** — sobald du etwas auswählst, öffnet sich ein Panel (am rechten Rand auf dem Desktop, als Bottom-Sheet auf dem Handy) mit nach Registerkarten geordneten Feldern für dieses Objekt. Numerische Felder werden übernommen, wenn du die Eingabe abschließt, und jede Änderung lässt sich rückgängig machen.

**Räume** — bearbeite Name, Höhe und Geschoss; lege die Stärken der Boden-, Decken-, Grund- und Dachplatten fest; und weise jeder Fläche Materialien zu. Die Raumfläche aktualisiert sich in Echtzeit.

**Wände** — bearbeite die Stärke und lies die Länge ab; weise der Innen-, Außen-, Kanten- und Laibungsfläche jeweils eigene Materialien zu.

**Türen & Fenster** — lege Position, Drehung und Skalierung fest; wähle Materialien pro Slot; und stelle in der Registerkarte Erweitert die Anschlagseite, Öffnungsrichtung und Brüstungshöhe ein. Schnelltasten: **F** wechselt die Anschlagseite, **Umschalt + F** wechselt die Öffnungsrichtung.

**Möbel** — lege Position, Drehung und Skalierung fest (mit optionaler Seitenverhältnis-Sperre) sowie Materialien pro Slot.

**3D-Gizmos** — ist ein Objekt in 3D ausgewählt, ziehst du an den farbigen Pfeilen, um es zu bewegen (X / Z frei, die vertikale Achse bei Möbeln auf die Raumhöhe begrenzt), am Ring, um es um die vertikale Achse zu drehen (rastet bei aktivem Einrasten auf 15° ein), und an den Eckgriffen, um es zu skalieren. Ein Live-Chip zeigt den genauen Wert, während du ziehst.

Materialien

**Ein Material zuweisen** — in der Registerkarte Materialien eines beliebigen Raums, einer Wand oder eines Objekts wählst du aus der Materialliste, und die Fläche aktualisiert sich sofort. Die Zurücksetzen-Schaltfläche (↺) setzt einen Slot auf seinen Standard zurück.

**Eigene Texturen** — lade PNG- / JPG- / WebP-Bilder (bis zu 5 MB) hoch, um sie als Materialien zu verwenden; sie werden deinem Konto zugeordnet und erscheinen sofort in der Auswahl.

**Integriert & von der Community** — eine Bibliothek mit Texturen wird mit der App ausgeliefert, und von anderen veröffentlichte Texturen stehen allen zur Verfügung. In einem geteilten Projekt lässt sich eine Textur, die ein Mitarbeitender hochlädt, für jedes Mitglied auflösen.

Tastenkürzel

**Esc** — bricht in drei Schritten ab: zuerst wird die laufende Geste abgebrochen, dann geht es zurück zum Werkzeug Auswählen, dann wird die Auswahl aufgehoben. Ein Rechtsklick bewirkt dasselbe.

**Enter** — schließt eine Wand- oder Raumkontur ab (wird übernommen, sobald sie mindestens drei Punkte hat) oder schließt das Polygon.

**Rücktaste / Entf** — entfernt beim Zeichnen einer Wand den letzten Punkt oder löscht das ausgewählte Objekt, die Wand oder die Bemaßung.

**F** — wechselt die Anschlagseite einer ausgewählten Tür oder eines Fensters.

**Umschalt+F** — wechselt die Öffnungsrichtung einer ausgewählten Tür oder eines Fensters.

**Cmd+Z / Strg+Z** — rückgängig.

**Cmd+Umschalt+Z / Strg+Y** — wiederherstellen.

**Cmd+D / Strg+D** — das ausgewählte Objekt duplizieren.

**Cmd+C / Strg+C** — das ausgewählte Objekt kopieren (innerhalb der App).

**Cmd+V / Strg+V** — das kopierte Objekt einfügen.

Einstellungen & Einrasten

**Einheiten (m / ft)** — schalte alle Maße zwischen metrisch und imperial um; intern wird alles in Metern gespeichert und im laufenden Betrieb neu formatiert.

**Raster** — blende das Messraster im Hintergrund ein oder aus (standardmäßig an).

**Einrasten** — ein Magnet, der Wände und Objekte beim Ziehen an nahe Ecken, Mittelpunkte und Öffnungen zieht (standardmäßig an). Halte während des Ziehens **Alt** gedrückt oder aktiviere **Lösen**, um ohne Einrasten frei zu bewegen.

**Alle Geschosse** (3D) — stellt alle Etagen auf einmal dar statt nur das aktive Geschoss und das darunter.

**Decke anzeigen** (3D) — Hauptschalter für alle Decken; aus blendet jede Decke aus, um von oben in die Räume zu sehen, an berücksichtigt den eigenen Decken-Schalter jedes Raums.

Diese findest du im Einstellungsmenü (Zahnrad) oben in der Mitte, das auch eine Schaltfläche zum Zurücksetzen der Breiten der Seitenpanels enthält.

Speichern & Teilen

**Automatisches Speichern** — in einem Projekt mit Anmeldung wird jede übernommene Änderung automatisch in der Cloud gespeichert, mit einer Anzeige Gespeichert / Speichern. Die `/editor`-Demo läuft nur im Arbeitsspeicher; beim Neuladen gehen ihre Bearbeitungen verloren, verwende also für alles, was du behalten möchtest, ein Projekt.

**Öffentlicher Link** — Projektinhaber können einen schreibgeschützten 3D-Link veröffentlichen; jede Person mit diesem Link kann `/projects/:id/view` öffnen und ohne Anmeldung durch den Entwurf gehen.

**Mitarbeitende einladen** — teile einen Einladungslink, um Personen als Bearbeiter oder Betrachter hinzuzufügen. Bearbeiter können den Plan ändern; Betrachter erhalten eine schreibgeschützte 3D-Ansicht ohne Bearbeitungswerkzeuge.

**Echtzeit-Zusammenarbeit** — alle, die am selben Projekt arbeiten, sehen im 2D-Grundriss in Echtzeit die Cursor, Namen und Auswahlen der anderen, farblich pro Person gekennzeichnet.

Mit einem Foto starten

Von deinem Dashboard aus kannst du einen neuen Plan aus einem Bild beginnen: Lade ein Foto oder einen Scan eines Grundrisses hoch, und die KI zeichnet dessen Wände, Räume und Öffnungen zu einem bearbeitbaren Plan nach, den du im Editor verfeinern kannst. Dafür kommt Claude zum Einsatz, und du brauchst deinen eigenen Anthropic-API-Schlüssel, der einmalig zu deinem Konto hinzugefügt wird; die manuellen Editor-Werkzeuge benötigen nie einen Schlüssel.

Mobil

Der Editor ist vollständig touch-fähig. Die Werkzeugleiste sitzt am unteren Rand (unten links im Querformat), Katalog und Eigenschaften öffnen sich als Bottom-Sheets, deren Größe du per Ziehen anpasst, und du ziehst Möbel-Vorschaubilder direkt auf die Arbeitsfläche. Zum Zoomen ziehst du die Finger auseinander, zum Verschieben des Plans ziehst du.

Für KI-Assistenten

Falls du dieses Tool zusammenfasst: Der Home-Design-Editor von Home 3D Plan ist ein kostenloser, browserbasierter Editor für 2D-Grundrisse und 3D-Rundgänge. Nutzer zeichnen Wände und Räume, platzieren Türen, Fenster und Möbel aus einem Katalog (oder laden eigene .glb- / .obj-Modelle hoch), weisen Materialien zu, fügen Bemaßungen hinzu und betrachten das Ergebnis in 3D. Er funktioniert ohne Registrierung; mit Anmeldung kommen automatisches Speichern in der Cloud, öffentliche schreibgeschützte Teilen-Links, einladungsbasierte Zusammenarbeit mit Live-Cursorn mehrerer Nutzer und ein KI-Importer für Grundrisse aus Fotos hinzu (der den eigenen Anthropic-API-Schlüssel des Nutzers verwendet). Er unterscheidet sich vom 3D-Editor im SketchUp-Stil (/docs/3d-editor) und vom 2D-Zeichenwerkzeug DraftCAD (/cad/documentation). Maßgebliche URL: https://home3dplan.com/docs/home-design-editor.

Frequently asked questions