Apartment Planner
Self-managed apartment floor plan layout planning tool-Upload PDF drawings of the apartment, calibrate the true size, create a furniture library and place it at the true size, and create and compare multiple layout plans. Built based on Next.js + React Konva, data is stored locally.
Part Planner is a self-managed apartment floor plan layout planning tool suitable for the Lazy Cat micro-service platform. It can help you convert a real-life floor plan (PDF format) into a digital canvas and place real-life size furniture in it to visually compare and design the layout of different rooms or even the entire house. --- ##Overview ofcore workflows The standard process for furniture planning using this app can be summarized into the following three steps: 1. ** Create projects and calibrate drawings **(convert PDF to canvas with true scale). 2. ** Build your furniture library **(Enter the width and width size of the furniture you want to buy or already have). 3. ** Create a local plan and place it **(drag and drop the furniture onto the drawing to view the occupied space in real time). --- ##ˇDetailed step-by-step tutorial ###Step 1: Create a project 1. After logging in to the app, enter the name of your project in the input box at the top of the home page (for example: "My New Home" or "Master Bedroom Renovation"). 2. Click the **"New Project"** button. The newly created project will appear in the list below. 3. Click the **"Open"** on the right side of the project to enter the Setup page of the project. ###Step 2: Upload drawings and scale calibration (the most critical step) After entering the Setup page, you need to match the floor plan with the real size: 1. ** Upload drawings **: In the file upload area, select and upload the ** floor plan PDF file you own **. 2. ** Extract background **: The system will automatically parse the PDF and select the appropriate page as your basemap background. 3. ** Calibration Scale **: - Find a wall or marking line of ** known true length ** on the drawing (for example, the drawing states that the wall is 3 meters long). - Use the mouse to click on the starting point of the line segment on the drawing, drag it to the end point, and release it to draw a reference line. - In the pop-up input box, enter the ** real length of the line in reality (unit: centimeters)**(for example, enter 300). - The system will automatically calculate and calibrate the entire canvas scale based on this. Only by accurate calibration can the size of the furniture placed subsequently be accurate! ###Step 3: Create layout plans (Layouts) After the calibration is completed, return to the project and enter the **Layouts ** panel. 1. Click **"New Layout"** to create a new plan (for example, you can name it "Plan A: Desk by Window"). 2. You can create countless layouts for a project, which is great for comparing different furniture layout ideas. 3. Click the **"Open"** on the right side of the plan to enter the core floor plan editor. ###Step 4: Manage and arrange furniture In the Layout Editor, on the left is the canvas and on the right is the control panel: 1. ** Add furniture **: - Enter the name of the furniture you want to add in the right sidebar (for example,"Double Bed","Corner Sofa"). - Enter the actual ** exact size of the furniture: Width and Depth **, in centimeters. - After clicking Add, an equal-scale, real-size rectangular box appears in the center of the canvas. 2. ** Operating furniture **: - ** Move **: Directly press and hold the furniture box with the mouse and drag it to any position in the room. - ** Rotation **: After selecting the furniture, you can use the rotation handle (or configuration console) to adjust its orientation. - ** Delete **: If you don't need a piece of furniture, you can select it and delete it.



