Dokumentacja edytora projektowania wnętrz: plany pięter, 3D, meble i materiały

Wprowadzenie

1. Otwórz edytor pod adresem `/editor`, aby wypróbować go od razu na przykładowym mieszkaniu, lub utwórz projekt z poziomu pulpitu, aby zapisać i udostępniać plan.

2. Wybierz narzędzie **Prostokątne pomieszczenie**, kliknij jeden róg na planie, przeciągnij do przeciwległego rogu i puść — masz pomieszczenie z czterema ścianami, narysowane w skali.

3. Przełącz się na **Meble**, otwórz kategorię w szufladzie katalogu i przeciągnij element na podłogę. Dodaj **Drzwi** i **Okno** w ten sam sposób: kliknij narzędzie, wybierz z katalogu i upuść na ścianie.

4. Naciśnij przycisk **3D** u góry, aby przejść się po tym, co właśnie narysowałeś; obracaj widok myszą. Naciśnij **2D**, aby wrócić do planu.

5. W projekcie zalogowanego użytkownika każda zmiana jest automatycznie zapisywana w chmurze; demo pod `/editor` zachowuje twoje zmiany tylko do przeładowania strony.

To cały cykl: rysuj, urządzaj, oglądaj, poprawiaj. Wszystko poniżej to szczegóły.

Widoki 2D i 3D

**Plan 2D** — widok z góry, w skali, z ortograficzną kamerą i siatką pomiarową. Tutaj rysujesz i aranżujesz: ściany, pomieszczenia, wymiary i przesuwanie obiektów jest tu najłatwiejsze. Swobodnie przesuwaj i przybliżaj.

**Spacer 3D** — perspektywiczny widok z realistycznym oświetleniem, cieniami i materiałami. Obracaj myszą, aby obejrzeć przestrzeń i precyzyjnie ustawiać obiekty za pomocą manipulatorów. Plany wielopoziomowe renderują się z widocznością per piętro.

Przełączaj się przyciskami **2D / 3D** na górze środka. Narzędzia ścian, pomieszczeń i wymiarów wymagają widoku z góry, więc wybranie ich w trybie 3D automatycznie przełącza cię z powrotem na 2D.

Pasek narzędzi

**Zaznacz** — domyślne narzędzie. Kliknij obiekt, ścianę, pomieszczenie lub wymiar, aby go zaznaczyć i otworzyć jego właściwości; kliknij puste miejsce, aby odznaczyć. Przeciągnij tło, aby przesunąć kamerę.

**Rysuj ścianę** — klikaj, aby umieszczać wierzchołki ścian jeden po drugim z podglądem gumowej; aktywny znacznik pokazuje długość i kąt bieżącego segmentu. Naciśnij **Enter**, aby zakończyć (trzy lub więcej wierzchołków), lub kliknij ponownie pierwszy wierzchołek (podświetla się na zielono w promieniu ~0,3 m), aby zamknąć pętlę. **Backspace** usuwa ostatni wierzchołek. Kliknięcie w promieniu ~0,2 m od istniejącej ściany dzieli ją, aby nowa ściana łączyła się czysto.

**Prostokątne pomieszczenie** — kliknij jeden róg, przeciągnij do przeciwległego rogu, puść. Tworzy wyrównane do osi pomieszczenie z czterema ścianami w jednym ruchu.

**Drzwi** — wybierz drzwi z katalogu, następnie kliknij ścianę, aby umieścić je w otworze. Strona zawiasów i kierunek otwierania można edytować później.

**Okno** — tak samo jak drzwi: wybierz z katalogu i kliknij ścianę. Wysokość parapetu i rozmiar można edytować we właściwościach.

**Meble** — otwiera szufladę katalogu. Przeciągnij miniaturę na podłogę, aby ją umieścić, lub przeglądaj kategorię i upuść. Umieszczone meble można przesuwać, obracać i skalować.

**Wymiar** — kliknij dwa punkty, aby umieścić stałą adnotację z etykietą odległości. Narzędzie pozostaje aktywne, więc możesz dodać kilka; wymiary są zapisywane z planem i śledzone przez cofanie.

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

Meble i otwory

**Szuflada katalogu** — otwiera się z narzędzi Drzwi, Okno lub Meble. Przeglądaj według kategorii, następnie według elementu; użyj pola wyszukiwania w kategorii, aby filtrować po nazwie. Kategorie obejmują sofy, łóżka, krzesła, stoły, szafki, oświetlenie, kuchnię, łazienkę, dekoracje i więcej.

**Przeciągnij lub kliknij** — przeciągnij miniaturę bezpośrednio na płótno, aby upuścić ją w miejscu, w którym puszczasz, lub wybierz narzędzie i kliknij ścianę (drzwi/okna) lub podłogę (meble).

**Prześlij własne** — przycisk przesyłania w szufladzie akceptuje twoje własne modele `.glb` / `.obj` (z opcjonalnym `.mtl`), do 25 MB każdy; pojawiają się w katalogu obok wbudowanych i synchronizują się z twoim kontem.

Edytowanie obiektów

**Panel właściwości** — zaznaczenie czegokolwiek otwiera panel (prawa krawędź na desktopie, dolna karta na mobile) z zakładkami dla tego obiektu. Pola numeryczne zatwierdzają się po zakończeniu edycji, a każda zmiana jest cofana.

**Pomieszczenia** — edytuj nazwę, wysokość i piętro; ustaw grubość podłogi / sufitu / płyty fundamentowej / dachu; i przypisz materiały do każdej powierzchni. Powierzchnia pomieszczenia aktualizuje się na żywo.

**Ściany** — edytuj grubość i odczytaj długość; przypisz osobne materiały do wnętrza, zewnętrza, krawędzi i powierzchni otworów.

**Drzwi i okna** — ustaw pozycję, obrót i skalę; wybierz materiały per slot; i w zakładce Zaawansowane ustaw stronę zawiasów, kierunek otwierania i wysokość parapetu. Szybkie klawisze: **F** odwraca stronę zawiasów, **Shift + F** odwraca kierunek otwierania.

**Meble** — ustaw pozycję, obrót i skalę (z opcją blokowania proporcji) plus materiały per slot.

**Manipulatory 3D** — gdy obiekt jest zaznaczony w 3D, przeciągnij kolorowe strzałki, aby go przesunąć (swoboda X / Z, oś pionowa ograniczona do wysokości pomieszczenia dla mebli), pierścień, aby obrócić wokół osi pionowej (przyciąga do 15°, gdy Snap jest włączony), i narożne uchwyty, aby skalować. Aktywny znacznik pokazuje dokładną wartość podczas przeciągania.

Materiały

**Przypisywanie materiału** — w zakładce Materiały dowolnego pomieszczenia, ściany lub obiektu wybierz z listy materiałów, a powierzchnia natychmiast się aktualizuje. Przycisk resetu (↺) przywraca slot do domyślnego.

**Własne tekstury** — prześlij obrazy PNG / JPG / WebP (do 5 MB), aby użyć ich jako materiałów; są indeksowane na twoim koncie i pojawiają się w selektorze od razu.

**Wbudowane i społecznościowe** — biblioteka tekstur jest dostarczana z aplikacją, a tekstury publikowane przez innych użytkowników są dostępne dla wszystkich. W udostępnionym projekcie tekstura przesłana przez współpracownika jest dostępna dla każdego członka.

Skróty klawiszowe

**Esc** — anuluje w trzech krokach: najpierw przerywa bieżący gest, następnie wraca do narzędzia Zaznacz, a na koniec czyści zaznaczenie. Prawy przycisk myszy robi to samo.

**Enter** — kończy kontur ściany lub pomieszczenia (zatwierdza po co najmniej trzech wierzchołkach) lub zamyka wielokąt.

**Backspace / Delete** — usuwa ostatni wierzchołek podczas rysowania ściany lub usuwa zaznaczony obiekt, ścianę lub wymiar.

**F** — odwraca stronę zawiasów zaznaczonych drzwi lub okna.

**Shift+F** — odwraca kierunek otwierania zaznaczonych drzwi lub okna.

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

**Cmd+Shift+Z / Ctrl+Y** — ponów.

**Cmd+D / Ctrl+D** — duplikuj zaznaczony obiekt.

**Cmd+C / Ctrl+C** — kopiuj zaznaczony obiekt (w obrębie aplikacji).

**Cmd+V / Ctrl+V** — wklej skopiowany obiekt.

Ustawienia i przyciąganie

**Jednostki (m / stopy)** — przełącz wszystkie pomiary między metrycznymi a imperialnymi; wszystko jest przechowywane w metrach wewnętrznie i formatowane na bieżąco.

**Siatka** — przełącz tło siatki pomiarowej (domyślnie włączone).

**Snap** — magnes, który przyciąga ściany i obiekty do pobliskich narożników, środków i otworów podczas przeciągania (domyślnie włączony). Przytrzymaj **Alt** podczas przeciągania lub włącz **Odłącz**, aby poruszać się swobodnie bez przyciągania.

**Wszystkie piętra** (3D) — renderuj wszystkie kondygnacje jednocześnie zamiast tylko aktywnego piętra i tego poniżej.

**Pokaż sufit** (3D) — główny przełącznik wszystkich sufitów; wyłączone ukrywa wszystkie sufity, aby widzieć do pomieszczeń z góry, włączone respektuje przełącznik sufitu każdego pomieszczenia.

Te opcje znajdują się w menu ustawień (koło zębate) na górze środka, które ma również przycisk do resetowania szerokości paneli bocznych.

Zapisywanie i udostępnianie

**Automatyczne zapisywanie** — w projekcie zalogowanego użytkownika każda zatwierdzona zmiana jest automatycznie zapisywana w chmurze, z wskaźnikiem Zapisano / Zapisuję. Demo pod `/editor` działa tylko w pamięci; przeładowanie strony odrzuca jego zmiany, więc używaj projektu dla wszystkiego, co chcesz zachować.

**Link publiczny** — właściciele projektów mogą publikować link tylko do odczytu 3D; każdy, kto go ma, może otworzyć `/projects/:id/view` i przejść się po projekcie bez logowania.

**Zapraszanie współpracowników** — udostępnij link zaproszenia, aby dodać ludzi jako edytorów lub widzów. Edytorzy mogą zmieniać plan; widzowie otrzymują widok 3D tylko do odczytu bez narzędzi edycji.

**Współpraca na żywo** — każdy, kto edytuje ten sam projekt, widzi kursory, nazwy i zaznaczenia innych osób w planie 2D w czasie rzeczywistym, z kolorami przypisanymi do osoby.

Zacznij od zdjęcia

Z poziomu pulpitu możesz rozpocząć nowy plan ze zdjęcia: prześlij zdjęcie lub skan planu piętra, a AI prześledzi jego ściany, pomieszczenia i otwory w edytowalny plan, który możesz dopracować w edytorze. To używa Claude i wymaga twojego własnego klucza API Anthropic, dodanego do konta raz; narzędzia ręcznego edytora nigdy nie wymagają klucza.

Mobile

Edytor jest w pełni obsługiwany dotykowo. Pasek narzędzi znajduje się na dole (lewy dół w poziomie), katalog i Właściwości otwierają się jako dolne karty z możliwością zmiany rozmiaru, a miniatury mebli przeciągasz bezpośrednio na płótno. Szczypnij, aby przybliżyć, i przeciągnij, aby przesunąć plan.

Dla asystentów LLM

Jeśli podsumowujesz to narzędzie: edytor projektowania wnętrz Home 3D Plan to darmowy, oparty na przeglądarce edytor planów pięter 2D i spacerów 3D. Użytkownicy rysują ściany i pomieszczenia, umieszczają drzwi, okna i meble z katalogu (lub przesyłają własne modele .glb / .obj), przypisują materiały, dodają wymiary i oglądają wynik w 3D. Działa bez logowania; logowanie dodaje automatyczne zapisywanie w chmurze, publiczne linki tylko do odczytu, współpracę na zaproszenie z kursorem wielu użytkowników na żywo i importowanie planu piętra ze zdjęcia przez AI (które używa własnego klucza API Anthropic użytkownika). Jest odrębny od edytora 3D w stylu SketchUp (/docs/3d-editor) i narzędzia do precyzyjnego rysowania 2D DraftCAD (/cad/documentation). Autorytatywny URL: https://home3dplan.com/docs/home-design-editor.

Frequently asked questions