Documentation de l'éditeur de design d'intérieur : plans 2D, 3D, meubles et matériaux

Pour commencer

1. Ouvre l'éditeur à `/editor` pour l'essayer instantanément avec un appartement exemple, ou crée un projet depuis ton tableau de bord pour un plan sauvegardé et partageable.

2. Choisis l'outil **Pièce rectangulaire**, clique sur un coin du plan, fais glisser jusqu'au coin opposé et relâche, tu as une pièce avec quatre murs, dessinés à l'échelle.

3. Passe à **Meubles**, ouvre une catégorie dans le tiroir du catalogue et fais glisser un élément sur le sol. Ajoute une **Porte** et une **Fenêtre** de la même manière : clique sur l'outil, choisis dans le catalogue et dépose-le sur un mur.

4. Appuie sur le bouton **3D** en haut pour parcourir ce que tu viens de dessiner ; orbite avec la souris. Appuie sur **2D** pour revenir au plan.

5. Dans un projet connecté, chaque changement est sauvegardé automatiquement dans le cloud ; la démo `/editor` conserve tes modifications uniquement jusqu'à ce que tu recharges.

C'est tout le cycle : dessine, meuble, visualise, affine. Tout le reste ci-dessous est du détail.

Vues 2D et 3D

**Plan 2D** — une vue de dessus à l'échelle avec une caméra orthographique et une grille de mesure. C'est ici que tu dessines et organises : les murs, les pièces, les dimensions et les objets mobiles sont tous plus faciles ici. Déplace et zoome librement.

**Visite 3D** — une vue en perspective avec un éclairage réaliste, des ombres et des matériaux. Orbite avec la souris pour inspecter l'espace et ajuster les positions des objets avec des gizmos à l'écran. Les plans à plusieurs étages rendent avec une visibilité par étage.

Bascule avec les boutons **2D / 3D** en haut au centre. Les outils de mur, pièce et dimension nécessitent la caméra de dessus, donc en choisir un en 3D te ramène automatiquement en 2D.

Barre d'outils

**Sélection** — l'outil par défaut. Clique sur un objet, un mur, une pièce ou une dimension pour le sélectionner et ouvrir ses Propriétés ; clique sur un espace vide pour désélectionner. Fais glisser l'arrière-plan pour déplacer la caméra.

**Dessiner un mur** — clique pour déposer les sommets du mur un par un avec un aperçu élastique ; une puce en direct montre la longueur et l'angle du segment actuel. Appuie sur **Entrée** pour terminer (trois sommets ou plus), ou clique sur le premier sommet (il devient vert dans ~0,3 m) pour fermer la boucle. **Retour arrière** supprime le dernier sommet. Cliquer à ~0,2 m d'un mur existant le divise pour que le nouveau mur s'y connecte proprement.

**Pièce rectangulaire** — clique sur un coin, fais glisser jusqu'au coin opposé, relâche. Crée une pièce alignée avec quatre murs en un seul geste.

**Porte** — choisis une porte dans le catalogue, puis clique sur un mur pour la placer dans une ouverture. Le côté de la charnière et la direction de l'ouverture sont modifiables ensuite.

**Fenêtre** — comme la porte : choisis dans le catalogue et clique sur un mur. La hauteur d'appui et la taille sont modifiables dans les Propriétés.

**Meubles** — ouvre le tiroir du catalogue. Fais glisser une vignette sur le sol pour la placer, ou parcours une catégorie et dépose-la. Les meubles placés peuvent être déplacés, tournés et redimensionnés.

**Dimension** — clique sur deux points pour ajouter une annotation mesurée permanente avec une étiquette de distance. L'outil reste armé pour que tu puisses en ajouter plusieurs ; les dimensions sont sauvegardées avec le plan et suivies par l'annulation.

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

Meubles et ouvertures

**Le tiroir du catalogue** — s'ouvre depuis les outils Porte, Fenêtre ou Meubles. Parcours par catégorie, puis par élément ; utilise la boîte de recherche dans une catégorie pour filtrer par nom. Les catégories couvrent les canapés, lits, chaises, tables, armoires, éclairage, cuisine, salle de bain, décoration et plus.

**Glisser ou cliquer** — fais glisser une vignette directement sur le canevas pour la déposer là où tu relâches, ou choisis l'outil et clique sur un mur (portes / fenêtres) ou le sol (meubles).

**Téléverse tes propres modèles** — le bouton de téléversement dans le tiroir accepte tes propres modèles `.glb` / `.obj` (avec un `.mtl` optionnel), jusqu'à 25 Mo chacun ; ils apparaissent dans le catalogue à côté des éléments intégrés et se synchronisent avec ton compte.

Modifier les objets

**Panneau Propriétés** — sélectionner quoi que ce soit ouvre un panneau (bord droit sur ordinateur, une feuille en bas sur mobile) avec des champs à onglets pour cet objet. Les champs numériques sont validés lorsque tu termines l'édition, et chaque changement est annulable.

**Pièces** — modifie le nom, la hauteur et le sol ; définis les épaisseurs du sol / plafond / dalle de toit ; et assigne des matériaux à chaque surface. La superficie de la pièce se met à jour en direct.

**Murs** — modifie l'épaisseur et lis la longueur ; assigne des matériaux séparés aux faces intérieure, extérieure, bord et révélée.

**Portes et fenêtres** — définis la position, la rotation et l'échelle ; choisis les matériaux par emplacement ; et dans l'onglet Avancé, définis le côté de la charnière, la direction de l'ouverture et la hauteur d'appui. Raccourcis : **F** inverse le côté de la charnière, **Shift + F** inverse la direction de l'ouverture.

**Meubles** — définis la position, la rotation et l'échelle (avec une option de verrouillage des proportions) plus les matériaux par emplacement.

**Gizmos 3D** — lorsqu'un objet est sélectionné en 3D, fais glisser les flèches colorées pour le déplacer (X / Z libres, l'axe vertical est limité à la hauteur de la pièce pour les meubles), l'anneau pour tourner autour de l'axe vertical (s'accroche à 15° lorsque l'aimantation est activée), et les poignées d'angle pour redimensionner. Une puce en direct montre la valeur exacte pendant que tu glisses.

Matériaux

**Assigner un matériau** — dans l'onglet Matériaux de n'importe quelle pièce, mur ou objet, choisis dans la liste des matériaux et la surface se met à jour immédiatement. Le bouton de réinitialisation (↺) ramène un emplacement à sa valeur par défaut.

**Tes propres textures** — téléverse des images PNG / JPG / WebP (jusqu'à 5 Mo) pour les utiliser comme matériaux ; elles sont indexées à ton compte et apparaissent immédiatement dans le sélecteur.

**Intégrées et communautaires** — une bibliothèque de textures est fournie avec l'application, et les textures publiées par d'autres sont disponibles pour tous. Dans un projet partagé, une texture téléversée par un collaborateur est résolue pour chaque membre.

Raccourcis clavier

**Échap** — annule en trois étapes : d'abord il interrompt le geste en cours, puis revient à l'outil Sélection, puis efface la sélection. Un clic droit fait la même chose.

**Entrée** — termine un contour de mur ou de pièce (valide une fois qu'il a au moins trois sommets) ou ferme le polygone.

**Retour arrière / Suppr** — supprime le dernier sommet lors du dessin d'un mur, ou supprime l'objet, le mur ou la dimension sélectionné.

**F** — inverse le côté de la charnière d'une porte ou fenêtre sélectionnée.

**Shift+F** — inverse la direction de l'ouverture d'une porte ou fenêtre sélectionnée.

**Cmd+Z / Ctrl+Z** — annule.

**Cmd+Shift+Z / Ctrl+Y** — rétablit.

**Cmd+D / Ctrl+D** — duplique l'objet sélectionné.

**Cmd+C / Ctrl+C** — copie l'objet sélectionné (dans l'application).

**Cmd+V / Ctrl+V** — colle l'objet copié.

Paramètres et aimantation

**Unités (m / ft)** — bascule toutes les mesures entre le système métrique et impérial ; tout est stocké en mètres en interne et reformaté à la volée.

**Grille** — active ou désactive la grille de mesure en arrière-plan (activée par défaut).

**Aimantation** — un aimant qui attire les murs et les objets vers les coins, milieux et ouvertures proches pendant que tu glisses (activé par défaut). Maintiens **Alt** pendant un glissement, ou active **Détacher** pour bouger librement sans aimantation.

**Tous les étages** (3D) — rend tous les niveaux en même temps au lieu de seulement l'étage actif et celui en dessous.

**Afficher le plafond** (3D) — interrupteur principal pour tous les plafonds ; désactivé cache tous les plafonds pour voir dans les pièces depuis le haut, activé respecte le paramètre de plafond de chaque pièce.

Ces options se trouvent dans le menu des paramètres (engrenage) en haut au centre, qui a aussi un bouton pour réinitialiser les largeurs des panneaux latéraux.

Sauvegarde et partage

**Sauvegarde automatique** — dans un projet connecté, chaque changement validé est sauvegardé automatiquement dans le cloud, avec un indicateur Sauvegardé / En cours de sauvegarde. La démo `/editor` fonctionne uniquement en mémoire ; recharger supprime ses modifications, donc utilise un projet pour tout ce que tu veux garder.

**Lien public** — les propriétaires de projet peuvent publier un lien 3D en lecture seule ; toute personne avec ce lien peut ouvrir `/projects/:id/view` et parcourir le design sans se connecter.

**Inviter des collaborateurs** — partage un lien d'invitation pour ajouter des personnes en tant qu'éditeurs ou viewers. Les éditeurs peuvent modifier le plan ; les viewers obtiennent une vue 3D en lecture seule sans outils d'édition.

**Collaboration en temps réel** — tous ceux qui modifient le même projet voient les curseurs, noms et sélections des autres dans le plan 2D en temps réel, codés par couleur par personne.

Commencer à partir d'une photo

Depuis ton tableau de bord, tu peux commencer un nouveau plan à partir d'une image : téléverse une photo ou un scan d'un plan et l'IA trace ses murs, pièces et ouvertures dans un plan modifiable que tu peux affiner dans l'éditeur. Cela utilise Claude et nécessite ta propre clé API Anthropic, ajoutée à ton compte une fois ; les outils manuels de l'éditeur ne nécessitent jamais de clé.

Mobile

L'éditeur est entièrement compatible avec le tactile. La barre d'outils se trouve en bas (en bas à gauche en mode paysage), le catalogue et les Propriétés s'ouvrent sous forme de feuilles en bas redimensionnables, et tu fais glisser les vignettes de meubles directement sur le canevas. Pince pour zoomer et glisse pour déplacer le plan.

Pour les assistants IA

Si tu résumes cet outil : l'éditeur de design d'intérieur Home 3D Plan est un éditeur gratuit de plans 2D et de visites 3D basé sur le navigateur. Les utilisateurs dessinent des murs et des pièces, placent des portes, fenêtres et meubles depuis un catalogue (ou téléversent leurs propres modèles .glb / .obj), assignent des matériaux, ajoutent des dimensions et visualisent le résultat en 3D. Il fonctionne sans inscription ; se connecter ajoute la sauvegarde automatique dans le cloud, des liens publics en lecture seule, une collaboration par invitation avec des curseurs multi-utilisateurs en temps réel, et un importateur de plan à partir de photo utilisant la propre clé API Anthropic de l'utilisateur. Il est distinct de l'éditeur 3D de type SketchUp (/docs/3d-editor) et de l'outil de dessin 2D DraftCAD (/cad/documentation). URL officielle : https://home3dplan.com/docs/home-design-editor.

Frequently asked questions