Documentación del editor de diseño de viviendas: planos, 3D, mobiliario y materiales

Primeros pasos

1. Abre el editor en `/editor` para probarlo al instante con un apartamento de muestra, o crea un proyecto desde tu panel para tener un plano guardado y que puedas compartir.

2. Elige la herramienta **Habitación rectangular**, haz clic en una esquina del plano, arrastra hasta la esquina opuesta y suelta: ya tienes una habitación con cuatro paredes, dibujada a escala.

3. Cambia a **Mobiliario**, abre una categoría en el cajón del catálogo y arrastra una pieza hasta el suelo. Añade una **Puerta** y una **Ventana** del mismo modo: haz clic en la herramienta, elige en el catálogo y colócala sobre una pared.

4. Pulsa el botón **3D** de la parte superior para recorrer lo que acabas de dibujar; orbita con el ratón. Pulsa **2D** para volver al plano.

5. En un proyecto con la sesión iniciada, cada cambio se guarda automáticamente en la nube; la demo de `/editor` conserva tus ediciones solo hasta que recargas la página.

Ese es todo el ciclo: dibujar, amueblar, visualizar, refinar. Todo lo demás que verás a continuación son detalles.

Vistas 2D y 3D

**Plano 2D**: un plano cenital a escala con una cámara ortográfica y una cuadrícula de medida. Aquí es donde dibujas y organizas: las paredes, las habitaciones, las cotas y mover objetos resultan más sencillos aquí. Haz panorámica y zoom con total libertad.

**Recorrido en 3D**: una vista en perspectiva con iluminación, sombras y materiales reales. Orbita con el ratón para inspeccionar el espacio y ajusta con precisión la posición de los objetos con los gizmos en pantalla. Los planos de varias plantas se representan con visibilidad por planta.

Cambia con los botones **2D / 3D** de la parte superior central. Las herramientas de pared, habitación y cota necesitan la cámara cenital, así que si eliges una de ellas estando en 3D, volverás automáticamente al 2D.

Barra de herramientas

**Seleccionar**: la herramienta por defecto. Haz clic en un objeto, pared, habitación o cota para seleccionarlo y abrir sus Propiedades; haz clic en un espacio vacío para deseleccionar. Arrastra el fondo para mover la cámara.

**Dibujar pared**: haz clic para ir colocando los vértices de la pared uno a uno con una vista previa elástica; una etiqueta en directo muestra la longitud y el ángulo del segmento actual. Pulsa **Intro** para terminar (tres o más vértices), o vuelve a hacer clic en el primer vértice (se resalta en verde a menos de ~0,3 m) para cerrar el perímetro. **Retroceso** elimina el último vértice. Al hacer clic a menos de ~0,2 m de una pared existente, esta se divide para que la nueva pared se una de forma limpia.

**Habitación rectangular**: haz clic en una esquina, arrastra hasta la opuesta y suelta. Crea una habitación alineada con los ejes y con cuatro paredes en un solo gesto.

**Puerta**: elige una puerta del catálogo y haz clic en una pared para encajarla en un hueco. El lado de la bisagra y el sentido de apertura se pueden editar después.

**Ventana**: igual que la Puerta: elige en el catálogo y haz clic en una pared. La altura del alféizar y el tamaño se editan en Propiedades.

**Mobiliario**: abre el cajón del catálogo. Arrastra una miniatura hasta el suelo para colocarla, o explora una categoría y suéltala. Los muebles colocados se pueden mover, rotar y escalar.

**Cota**: haz clic en dos puntos para colocar una anotación de medida permanente con su etiqueta de distancia. La herramienta permanece activa para que puedas añadir varias; las cotas se guardan con el plano y se registran en el historial de deshacer.

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

Mobiliario y huecos

**El cajón del catálogo**: se abre desde las herramientas Puerta, Ventana o Mobiliario. Explora por categoría y luego por artículo; usa el buscador dentro de una categoría para filtrar por nombre. Las categorías abarcan sofás, camas, sillas, mesas, armarios, iluminación, cocina, baño, decoración y mucho más.

**Arrastra o haz clic**: arrastra una miniatura directamente al lienzo para soltarla donde la sueltes, o elige la herramienta y haz clic en una pared (puertas / ventanas) o en el suelo (muebles).

**Sube los tuyos**: el botón de subida del cajón admite tus propios modelos `.glb` / `.obj` (con un `.mtl` opcional), de hasta 25 MB cada uno; aparecen en el catálogo junto a los predeterminados y se sincronizan con tu cuenta.

Editar objetos

**Panel de propiedades**: al seleccionar cualquier cosa se abre un panel (en el borde derecho en escritorio, una hoja inferior en móvil) con campos por pestañas para ese objeto. Los campos numéricos se aplican cuando terminas de editar, y cada cambio se puede deshacer.

**Habitaciones**: edita el nombre, la altura y la planta; define los grosores de las losas de suelo, techo, terreno y cubierta; y asigna materiales a cada superficie. La superficie de la habitación se actualiza en directo.

**Paredes**: edita el grosor y consulta la longitud; asigna materiales distintos a las caras interior, exterior, de canto y de mocheta.

**Puertas y ventanas**: define posición, rotación y escala; elige materiales por ranura; y en la pestaña Avanzado configura el lado de la bisagra, el sentido de apertura y la altura del alféizar. Teclas rápidas: **F** invierte el lado de la bisagra, **Mayús + F** invierte el sentido de apertura.

**Mobiliario**: define posición, rotación y escala (con opción de bloqueo de proporción) además de materiales por ranura.

**Gizmos 3D**: cuando un objeto está seleccionado en 3D, arrastra las flechas de color para moverlo (X / Z libres, el eje vertical limitado a la altura de la habitación en el caso de los muebles), el anillo para rotar alrededor del eje vertical (se ajusta a 15° cuando el Ajuste está activado) y los tiradores de las esquinas para escalar. Una etiqueta en directo muestra el valor exacto mientras arrastras.

Materiales

**Asignar un material**: en la pestaña Materiales de cualquier habitación, pared u objeto, elige de la lista de materiales y la superficie se actualiza al instante. El botón de restablecer (↺) devuelve una ranura a su valor por defecto.

**Tus propias texturas**: sube imágenes PNG / JPG / WebP (de hasta 5 MB) para usarlas como materiales; se indexan en tu cuenta y aparecen en el selector de inmediato.

**Integradas y de la comunidad**: la app incluye una biblioteca de texturas, y las texturas que otras personas publican están disponibles para todos. En un proyecto compartido, una textura que sube un colaborador se resuelve para todos los miembros.

Atajos de teclado

**Esc**: cancela en tres pasos: primero aborta el gesto en curso, luego vuelve a la herramienta Seleccionar y después borra la selección. El clic derecho hace lo mismo.

**Intro**: termina el contorno de una pared o habitación (lo confirma en cuanto tiene al menos tres vértices) o cierra el polígono.

**Retroceso / Supr**: elimina el último vértice mientras dibujas una pared, o borra el objeto, pared o cota seleccionados.

**F**: invierte el lado de la bisagra de una puerta o ventana seleccionada.

**Mayús+F**: invierte el sentido de apertura de una puerta o ventana seleccionada.

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

**Cmd+Mayús+Z / Ctrl+Y**: rehacer.

**Cmd+D / Ctrl+D**: duplicar el objeto seleccionado.

**Cmd+C / Ctrl+C**: copiar el objeto seleccionado (dentro de la app).

**Cmd+V / Ctrl+V**: pegar el objeto copiado.

Ajustes y anclaje

**Unidades (m / ft)**: cambia todas las medidas entre el sistema métrico y el imperial; todo se almacena internamente en metros y se reformatea al vuelo.

**Cuadrícula**: activa o desactiva la cuadrícula de medida del fondo (activada por defecto).

**Ajuste**: un imán que atrae las paredes y los objetos hacia las esquinas, puntos medios y huecos cercanos mientras arrastras (activado por defecto). Mantén **Alt** durante un arrastre, o activa **Desanclar** para mover con libertad sin ajuste.

**Todas las plantas** (3D): representa todos los pisos a la vez en lugar de solo la planta activa y la de debajo.

**Mostrar techo** (3D): interruptor general para todos los techos; desactivado oculta todos los techos para ver el interior de las habitaciones desde arriba, activado respeta el interruptor de techo propio de cada habitación.

Estos se encuentran en el menú de ajustes (rueda dentada) de la parte superior central, que también tiene un botón para restablecer el ancho de los paneles laterales.

Guardar y compartir

**Autoguardado**: en un proyecto con la sesión iniciada, cada cambio confirmado se guarda automáticamente en la nube, con un indicador de Guardado / Guardando. La demo de `/editor` funciona solo en memoria; al recargar se descartan sus ediciones, así que usa un proyecto para todo lo que quieras conservar.

**Enlace público**: los propietarios del proyecto pueden publicar un enlace 3D de solo lectura; cualquiera que lo tenga puede abrir `/projects/:id/view` y recorrer el diseño sin iniciar sesión.

**Invitar a colaboradores**: comparte un enlace de invitación para añadir a personas como editores o espectadores. Los editores pueden cambiar el plano; los espectadores obtienen una vista 3D de solo lectura, sin herramientas de edición.

**Colaboración en directo**: todos los que editan el mismo proyecto ven en tiempo real los cursores, nombres y selecciones de los demás en el plano 2D, con un color por persona.

Empezar a partir de una foto

Desde tu panel puedes iniciar un nuevo plano a partir de una imagen: sube una foto o un escaneo de un plano y la IA calca sus paredes, habitaciones y huecos en un plano editable que puedes refinar en el editor. Esto usa Claude y necesita tu propia clave de API de Anthropic, añadida a tu cuenta una sola vez; las herramientas manuales del editor nunca requieren una clave.

Móvil

El editor es totalmente compatible con la pantalla táctil. La barra de herramientas se sitúa en la parte inferior (abajo a la izquierda en horizontal), el catálogo y las Propiedades se abren como hojas inferiores que puedes arrastrar para redimensionar, y arrastras las miniaturas de los muebles directamente al lienzo. Pellizca para hacer zoom y arrastra para desplazar el plano.

Para asistentes con LLM

Si estás resumiendo esta herramienta: el editor de diseño de viviendas de Home 3D Plan es un editor gratuito, basado en el navegador, de planos 2D y recorridos en 3D. Los usuarios dibujan paredes y habitaciones, colocan puertas, ventanas y muebles de un catálogo (o suben sus propios modelos .glb / .obj), asignan materiales, añaden cotas y visualizan el resultado en 3D. Funciona sin registro; iniciar sesión añade autoguardado en la nube, enlaces públicos de solo lectura para compartir, colaboración mediante invitación con cursores multiusuario en directo y un importador de plano a partir de foto con IA (que usa la propia clave de API de Anthropic del usuario). Es distinto del editor 3D estilo SketchUp (/docs/3d-editor) y de la herramienta de dibujo 2D DraftCAD (/cad/documentation). URL de referencia: https://home3dplan.com/docs/home-design-editor.

Frequently asked questions