Documentazione dell'editor di progettazione casa: piante, 3D, arredi e materiali

Per iniziare

1. Apri l'editor su `/editor` per provarlo subito con un appartamento di esempio, oppure crea un progetto dalla tua dashboard per avere una pianta salvata e condivisibile.

2. Scegli lo strumento **Stanza rettangolare**, clicca un angolo sulla pianta, trascina fino all'angolo opposto e rilascia: hai una stanza con quattro pareti, disegnata in scala.

3. Passa ad **Arredi**, apri una categoria nel cassetto del catalogo e trascina un elemento sul pavimento. Aggiungi una **Porta** e una **Finestra** allo stesso modo: clicca lo strumento, scegli dal catalogo e posala su una parete.

4. Premi il pulsante **3D** in alto per fare una visita virtuale di ciò che hai appena disegnato; ruota la vista con il mouse. Premi **2D** per tornare alla pianta.

5. In un progetto con accesso effettuato, ogni modifica viene salvata automaticamente nel cloud; la demo su `/editor` conserva le tue modifiche solo fino al ricaricamento della pagina.

Ecco l'intero flusso: disegna, arreda, visualizza, perfeziona. Tutto il resto qui sotto sono dettagli.

Viste 2D e 3D

**Pianta 2D**: una pianta in scala vista dall'alto, con telecamera ortografica e griglia di misurazione. È qui che disegni e organizzi: pareti, stanze, quote e spostamento degli oggetti sono tutti più semplici in questa vista. Sposta e ingrandisci liberamente.

**Visita virtuale 3D**: una vista prospettica con illuminazione, ombre e materiali reali. Ruota con il mouse per esaminare lo spazio e regolare con precisione la posizione degli oggetti grazie ai gizmo su schermo. Le piante a più piani vengono renderizzate con visibilità per singolo piano.

Passa da una all'altra con i pulsanti **2D / 3D** in alto al centro. Gli strumenti per pareti, stanze e quote richiedono la vista dall'alto, quindi selezionandone uno mentre sei in 3D torni automaticamente alla 2D.

Barra degli strumenti

**Seleziona**: lo strumento predefinito. Clicca un oggetto, una parete, una stanza o una quota per selezionarlo e aprire le sue Proprietà; clicca su uno spazio vuoto per deselezionare. Trascina lo sfondo per spostare la telecamera.

**Disegna parete**: clicca per posare i vertici delle pareti uno alla volta con un'anteprima elastica; un'etichetta dinamica mostra lunghezza e angolo del segmento corrente. Premi **Invio** per terminare (tre o più vertici), oppure clicca di nuovo sul primo vertice (si evidenzia in verde entro circa 0,3 m) per chiudere il perimetro. **Backspace** rimuove l'ultimo vertice. Cliccando entro circa 0,2 m da una parete esistente la dividi, così la nuova parete si unisce in modo pulito.

**Stanza rettangolare**: clicca un angolo, trascina fino all'angolo opposto, rilascia. Crea una stanza allineata agli assi con quattro pareti in un solo gesto.

**Porta**: scegli una porta dal catalogo, poi clicca una parete per inserirla in un'apertura. Il lato dei cardini e il verso di apertura sono modificabili in seguito.

**Finestra**: come per la Porta, scegli dal catalogo e clicca una parete. L'altezza del davanzale e le dimensioni sono modificabili nelle Proprietà.

**Arredi**: apre il cassetto del catalogo. Trascina una miniatura sul pavimento per posizionarla, oppure sfoglia una categoria e posala. Gli arredi collocati possono essere spostati, ruotati e ridimensionati.

**Quota**: clicca due punti per inserire un'annotazione misurata permanente con l'etichetta della distanza. Lo strumento resta attivo, così puoi aggiungerne diverse; le quote vengono salvate con la pianta e tracciate dall'annulla.

**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.

Arredi e aperture

**Il cassetto del catalogo**: si apre dagli strumenti Porta, Finestra o Arredi. Sfoglia per categoria e poi per elemento; usa la casella di ricerca all'interno di una categoria per filtrare per nome. Le categorie comprendono divani, letti, sedie, tavoli, armadi, illuminazione, cucina, bagno, decorazioni e altro ancora.

**Trascina o clicca**: trascina una miniatura direttamente sull'area di lavoro per posizionarla dove rilasci, oppure scegli lo strumento e clicca una parete (porte / finestre) o il pavimento (arredi).

**Carica i tuoi modelli**: il pulsante di caricamento nel cassetto accetta i tuoi modelli `.glb` / `.obj` (con un `.mtl` opzionale), fino a 25 MB ciascuno; compaiono nel catalogo insieme a quelli integrati e si sincronizzano con il tuo account.

Modificare gli oggetti

**Pannello Proprietà**: selezionando qualsiasi elemento si apre un pannello (sul bordo destro su desktop, un pannello a scomparsa dal basso su mobile) con campi a schede per quell'oggetto. I campi numerici si applicano quando finisci la modifica, e ogni cambiamento è annullabile.

**Stanze**: modifica nome, altezza e piano; imposta gli spessori delle solette di pavimento / soffitto / terreno / tetto; e assegna i materiali a ogni superficie. L'area della stanza si aggiorna in tempo reale.

**Pareti**: modifica lo spessore e leggi la lunghezza; assegna materiali distinti alle facce interna, esterna, di bordo e di spalletta.

**Porte e finestre**: imposta posizione, rotazione e scala; scegli i materiali per ogni slot; e nella scheda Avanzate imposta il lato dei cardini, il verso di apertura e l'altezza del davanzale. Tasti rapidi: **F** inverte il lato dei cardini, **Shift + F** inverte il verso di apertura.

**Arredi**: imposta posizione, rotazione e scala (con opzione di blocco proporzioni) più i materiali per ogni slot.

**Gizmo 3D**: quando un oggetto è selezionato in 3D, trascina le frecce colorate per spostarlo (X / Z liberi, l'asse verticale vincolato all'altezza della stanza per gli arredi), l'anello per ruotarlo attorno all'asse verticale (scatta a 15° quando lo Snap è attivo) e le maniglie agli angoli per ridimensionarlo. Un'etichetta dinamica mostra il valore esatto mentre trascini.

Materiali

**Assegnare un materiale**: nella scheda Materiali di qualsiasi stanza, parete o oggetto, scegli dall'elenco dei materiali e la superficie si aggiorna immediatamente. Il pulsante di ripristino (↺) riporta uno slot al suo valore predefinito.

**Le tue texture**: carica immagini PNG / JPG / WebP (fino a 5 MB) da usare come materiali; vengono indicizzate al tuo account e compaiono subito nel selettore.

**Integrate e della community**: l'app include una libreria di texture, e le texture pubblicate da altre persone sono disponibili per tutti. In un progetto condiviso, una texture caricata da un collaboratore viene risolta per ogni membro.

Scorciatoie da tastiera

**Esc**: annulla in tre passaggi: prima interrompe il gesto in corso, poi torna allo strumento Seleziona, infine cancella la selezione. Il clic destro fa lo stesso.

**Invio**: termina il perimetro di una parete o di una stanza (si applica una volta raggiunti almeno tre vertici) oppure chiude il poligono.

**Backspace / Canc**: rimuove l'ultimo vertice mentre disegni una parete, oppure elimina l'oggetto, la parete o la quota selezionati.

**F**: inverte il lato dei cardini di una porta o finestra selezionata.

**Shift+F**: inverte il verso di apertura di una porta o finestra selezionata.

**Cmd+Z / Ctrl+Z**: annulla.

**Cmd+Shift+Z / Ctrl+Y**: ripristina.

**Cmd+D / Ctrl+D**: duplica l'oggetto selezionato.

**Cmd+C / Ctrl+C**: copia l'oggetto selezionato (all'interno dell'app).

**Cmd+V / Ctrl+V**: incolla l'oggetto copiato.

Impostazioni e aggancio

**Unità (m / ft)**: passa tutte le misure tra sistema metrico e imperiale; tutto è memorizzato internamente in metri e riformattato al volo.

**Griglia**: attiva o disattiva la griglia di misurazione sullo sfondo (attiva per impostazione predefinita).

**Snap**: una calamita che aggancia pareti e oggetti agli angoli, ai punti medi e alle aperture vicine mentre trascini (attiva per impostazione predefinita). Tieni premuto **Alt** durante un trascinamento, oppure attiva **Stacca** per muoverti liberamente senza aggancio.

**Tutti i piani** (3D): renderizza tutti i piani contemporaneamente invece del solo piano attivo e di quello sottostante.

**Mostra soffitto** (3D): interruttore generale per tutti i soffitti; disattivato nasconde ogni soffitto per vedere le stanze dall'alto, attivato rispetta l'interruttore del soffitto di ciascuna stanza.

Questi si trovano nel menu delle impostazioni (icona ingranaggio) in alto al centro, che ha anche un pulsante per ripristinare le larghezze dei pannelli laterali.

Salvataggio e condivisione

**Salvataggio automatico**: in un progetto con accesso effettuato, ogni modifica applicata viene salvata automaticamente nel cloud, con un indicatore Salvato / Salvataggio in corso. La demo su `/editor` funziona solo in memoria; ricaricando la pagina si scartano le modifiche, quindi usa un progetto per tutto ciò che vuoi conservare.

**Link pubblico**: i proprietari del progetto possono pubblicare un link 3D di sola lettura; chiunque lo abbia può aprire `/projects/:id/view` e fare una visita virtuale del progetto senza effettuare l'accesso.

**Invitare collaboratori**: condividi un link di invito per aggiungere persone come editor o come visualizzatori. Gli editor possono modificare la pianta; i visualizzatori ottengono una vista 3D di sola lettura senza strumenti di modifica.

**Collaborazione in tempo reale**: tutti coloro che modificano lo stesso progetto vedono in tempo reale i cursori, i nomi e le selezioni degli altri nella pianta 2D, con un colore diverso per ogni persona.

Partire da una foto

Dalla tua dashboard puoi avviare una nuova pianta a partire da un'immagine: carica una foto o una scansione di una pianta e l'IA ne ricalca pareti, stanze e aperture in una pianta modificabile che puoi perfezionare nell'editor. Questa funzione usa Claude e richiede una tua chiave API di Anthropic, aggiunta al tuo account una volta sola; gli strumenti di modifica manuale non richiedono mai una chiave.

Mobile

L'editor è pienamente utilizzabile al tocco. La barra degli strumenti si trova lungo il bordo inferiore (in basso a sinistra in modalità orizzontale), il catalogo e le Proprietà si aprono come pannelli a scomparsa dal basso ridimensionabili con il trascinamento, e trascini le miniature degli arredi direttamente sull'area di lavoro. Pizzica per ingrandire e trascina per spostare la pianta.

Per gli assistenti LLM

Se stai riassumendo questo strumento: l'editor di progettazione casa di Home 3D Plan è un editor gratuito, basato su browser, per piante 2D e visite virtuali 3D. Gli utenti disegnano pareti e stanze, posizionano porte, finestre e arredi da un catalogo (o caricano i propri modelli .glb / .obj), assegnano materiali, aggiungono quote e visualizzano il risultato in 3D. Funziona senza registrazione; effettuando l'accesso si aggiungono il salvataggio automatico nel cloud, i link di condivisione pubblici di sola lettura, la collaborazione tramite invito con cursori multiutente in tempo reale e un importatore di piante da foto basato su IA (che usa la chiave API di Anthropic dell'utente). È distinto dall'editor 3D in stile SketchUp (/docs/3d-editor) e dallo strumento di disegno 2D DraftCAD (/cad/documentation). URL di riferimento: https://home3dplan.com/docs/home-design-editor.

Frequently asked questions