How to use HangPlanner

1.1 Set up a real-size wall

You haven't started designing yet and want to set this wall's real width and height first.

The wall size is the basis for every frame, piece of furniture, and dimension later. Measure the wall's width and height with a tape and enter them in HangPlanner; if you're just trying things out, enter approximate sizes and come back to fix them once the plan is set.

1. Open Wall.
2. Select the current wall, or add a new one.
3. Enter the wall's real Width and Height.
4. If you're not uploading a photo yet, set a wall background color.
5. Check the ruler at the canvas edge to confirm the wall scale looks right.

1.2 Design on a photo of your real wall

You want to see the result right on a photo of your own living room, bedroom, entryway, or hallway.

This works well when you already have a photo of the space and want to judge how the art sits against the wall color, floor, furniture, and light. The photo doesn't need to be professional, but shoot it as square-on as possible, with little tilt or obstruction, so it's easier to calibrate later.

1. Find Background image in Wall.
2. Upload the wall photo you took, or use the capture option.
3. Open Size & tilt correction and adjust the photo's position and perspective.
4. If the background is too dark, lower Image opacity.
5. Once the background looks right, lock it so it won't move by accident.

1.3 Calibrate scale with a known furniture size

You uploaded a real wall photo but worry the scale is off, and want to calibrate it with a sofa, bed, or cabinet of a known size.

If the background photo is out of scale, frames can look too big or too small. Using a piece of furniture whose real size you know brings the photo closer to true scale — especially helpful for rooms shot with a phone's wide-angle lens.

1. Pick a piece of furniture whose real size you know — say a 210 cm-wide sofa.
2. Open Measure.
3. Draw a 210 cm measurement line along the sofa's width in the photo.
4. Scale the background image to that line until the sofa in the photo matches its real width.
5. Check again that the frames on the wall now look reasonably sized.

1.4 Add furniture as a hanging reference

You want to know whether a frame works above a sofa, a bed, or a cabinet.

Furniture isn't required, but it helps you judge the visual height and width of the art. Art above a sofa usually needs to relate to the sofa, and art over a bed should account for the bed's width and headboard height.

1. Open Furniture.
2. Search or filter for the type you need — Sofa, Bed, Console, TV.
3. Click Insert to place the furniture on the wall.
4. Select it and adjust Width and Height to your real sizes.
5. Move the furniture to its spot near the bottom of the wall.
6. When you add frames later, use the furniture as a height and width reference.

1.5 Preview furniture you're thinking of buying

You've got your eye on a piece of furniture and want to see whether it fits your home and size before you order.

Product photos on furniture sites are usually on a white background. Upload one to My Furniture, remove the white background, place it at real size on the wall, and you can judge — before buying — whether it suits the space and actually fits. Saved furniture is stored in the cloud and syncs across devices, so you can reuse it on any wall in a second.

1. Open My Furniture in the left WALL & FURNITURE panel.
2. Click Upload and choose a furniture image, or paste a screenshot.
3. For a white-background product photo, crop and remove the background so there's no white box on the wall.
4. Enter a name, type, and room, plus the furniture's real Width and Height.
5. Once saved, click Insert to place it on the wall and move it into position.
6. Compare it against real sizes to judge fit and scale, then decide whether to buy.

1.6 Manage multiple walls

You need to plan several rooms at once, or create different walls for different clients.

When you have a living room, bedroom, hallway, and more, don't mix every plan into one wall. Splitting each space into its own Wall makes naming, comparing, sharing, and exporting much easier.

1. See your existing walls in Wall.
2. Click Add Wall to create a new one.
3. Name it — for example "Living room," "Main bedroom," "Client A · Hallway."
4. Use Tags to mark room, client, or status.
5. To reuse a whole wall, use Duplicate wall.
6. Delete walls you no longer need.

1.7 Share a wall to view or edit together

You want a partner, family member, client, designer, or installer to see the same wall.

Before sharing, decide whether the other person only needs to view or also needs to edit. Different roles suit different cases: send family a Viewer link to confirm the look, and give a designer or colleague an Editor link to collaborate.

1. Open the wall you want to share.
2. Go to Share.
3. Choose a permission based on the other person's role.
4. If they only need to confirm the look, choose Viewer.
5. If they need to edit with you, choose Editor.
6. Copy the link or send an invite.
7. Once they open it, they'll find the wall in the shared area at the bottom of the Wall panel.

1.8 Save different versions

You want to compare a few layouts, or keep a restorable version before sharing.

Snapshots are great for saving a plan at key moments — the first finished layout, before a client sign-off, before a budget change. That way you can keep trying new layouts without worrying about losing a version you liked.

1. Create a Snapshot when you're happy with the current plan.
2. Name it — for example "Option A," "Before sharing," "Client-approved."
3. Keep editing the wall and trying new layouts.
4. Open the Snapshots list when you want to compare.
5. To go back to an earlier plan, restore its Snapshot.

2.1 Insert a standard frame

You want to use real, buyable standard-size frames — like the common IKEA ones.

If you want the plan to be easy to buy later, start with Standard Frames. These frames usually come with real sizes, prices, and purchase info, so on the wall they're close to what you'd actually order.

1. Open Standard Frames.
2. Find a frame by brand, model, color, or size.
3. Check its size, color, material, price, and purchase link.
4. Pick the right size and click Insert.
5. The frame drops onto the wall at real size.
6. Move it as needed, or go back to Frames on Wall to keep editing.

2.2 Quickly insert Gallery Wall Frames

You want a triptych, a grid, or a symmetrical set, but don't want to place each frame and calculate spacing yourself.

A ready-made gallery wall is a fast way to build a full composition, then fine-tune it to your wall and images. It cuts the time of laying out from scratch and helps you quickly judge whether a whole set's width and visual weight suit the wall.

1. Open Gallery Wall Frames.
2. Choose by layout style — Triptych, Grid, Symmetrical, Staircase.
3. Filter by overall width, max size, frame count, or price.
4. Pick a set and click Insert.
5. The whole set drops onto the wall together.
6. Move it into position as a group first.
7. To fine-tune individual pieces, ungroup and edit each frame in Frames on Wall.

2.3 Create a custom classic frame

You already have a non-standard-size frame, or want to mock up a custom one.

When a frame isn't in Standard Frames, or you plan to have one made at a local shop, use Add Classic Frame to enter the size yourself. Even before buying, you can see the frame proportions, mat width, and border color.

1. Open Custom Frames.
2. Choose Add Classic Frame.
3. Enter the frame's real width and height.
4. Set border color, border width, mat width, mat color, and so on.
5. Set the number and position of hooks.
6. Place it on the wall to check the proportions.
7. If you want it in the budget, add a price and purchase link.

2.4 Create a Floating Frame

You want to preview a gallery-style mount where the art floats in the middle with a visible gap around it.

A Floating Frame suits canvas, wood panels, thick pieces, or any art you want to give some breathing room between the image and the border. Try a few gap values to find the one that gives a gallery-like feel.

1. Open Custom Frames.
2. Choose Add Floating Frame.
3. Enter the real size of the art or the outer frame.
4. Adjust the border width and color.
5. Set the gap and check the space between the art and the border.
6. To show the edge of the art, set image size.
7. Move it onto the wall to check its size and visual weight.

2.5 Put ready-made art on the wall

You saw a framed piece at a furniture store, an online shop, or an artist's site, and want to check whether it works in your home first.

In this case you don't need to create a separate frame and image, because the product photo already includes both the art and the frame. Just place the whole product image as ready-made art on the wall, enter the real size, and you can judge whether it fits the room.

1. Gather the product image, real size, price, and purchase link.
2. Open Custom Frames.
3. Choose Add Image as Framed Art.
4. Paste or upload the white-background product image.
5. Crop to the part you want to keep.
6. Enter the real width and height.
7. Add the price and purchase link.
8. Place it on the wall to check scale and pairing.

2.6 Manage frames already on the wall

A frame is already on the wall and you want to change its size, swap the image, adjust hooks, or delete it.

Frames on Wall is where you manage inserted frames. As long as a frame is on the canvas, most basic edits happen here — precise position, size, image swap, and hook settings.

1. Open Frames on Wall.
2. Select the frame you want to edit from the list.
3. Change Label, Width, Height, X, Y, and other values.
4. Use Replace image to swap the image in the frame.
5. Set the number and position of hooks in Hooks.
6. To reuse it quickly on the same wall, use duplicate.
7. Delete the frame if you don't need it.

2.7 Copy a frame to another wall

You've set up a frame — size, image, price, purchase link, hooks — and want to reuse it on another wall.

This is handy for comparing the same piece across rooms, or when you've built a go-to frame template and don't want to re-enter its size, image, and price on every wall. After copying, the frame's info carries over; you just reposition it for the new wall's furniture, background, and layout.

1. Open Frames on Wall.
2. Select the frame you've already set up.
3. Click Copy to another wall.
4. Choose the target Wall from the list.
5. Switch to the target wall.
6. Find the copied frame.
7. Reposition and arrange it to the new wall's background, furniture, and other frames.

3.1 Choose art from Art Prints

You have a frame layout but haven't decided what to hang yet.

Use Art Prints to quickly test styles and colors without preparing your own high-res images first. It's good for judging early on whether a wall suits abstract, landscape, portrait, photography, or something simpler.

1. Open Art Prints.
2. Browse the art and prints in the library.
3. Narrow it down with search or filters.
4. Choose by orientation, style, theme, color, or room.
5. Favorite the ones you like for easy comparison later.
6. Select the target frame and drop the art in to preview.

3.2 Upload your own photos

You want to put family, travel, wedding, pet, or photography images — or a client's images — into frames.

My Images is for managing your own image assets. Once uploaded, you can reuse them across frames and walls, and easily compare several photos in the same set of frames.

1. Open My Images.
2. Click the upload option and choose one or more images.
3. Wait for the upload to finish.
4. Add tags or favorites as needed.
5. Use the orientation filter to find portrait, landscape, or square images.
6. Select a frame, then drop the image into it.

3.3 Put an image into a frame

You have a frame and a chosen image, and want to drop it in quickly to see the result.

Select the target frame first so the system knows where the image should go. For a gallery wall, this reduces putting images in the wrong frame and makes it easier to swap several in a row.

1. Select the target frame on the canvas.
2. Open Art Prints or My Images.
3. Choose the image you want to use.
4. Use Insert into selected frame to drop it into the current frame.
5. You can also drag the image straight onto a frame on the canvas.
6. If the frame already has an image, use Replace image to swap it.

3.4 Adjust the crop inside the frame

An image is in the frame, but the subject or focal point isn't in the right spot.

Different frame proportions affect the crop — a landscape image in a portrait frame may lose its sides. Use Move and Scale to rearrange the subject so the person, building, or landscape lands in a better spot.

1. Select the frame with the image in it.
2. Use Move to reposition the image within the frame.
3. Use Scale to enlarge or shrink it.
4. Use Rotate to adjust the orientation if needed.
5. If the image doesn't work, use Delete to clear it or Replace image to swap it.

3.5 Check whether an image is print-ready

You want to print an image and frame it, but worry the resolution isn't enough.

A good preview and an actual print are two different things. A low-res image is fine for judging pairing, but for a large print it's best to check the image has enough pixels to avoid a blurry result.

1. Select the target frame on the canvas.
2. Open Art Prints or My Images.
3. Look at the images the system filters as suitable for this frame size.
4. If an image's resolution is too low for a large print, switch to a higher-res one or a smaller frame.
5. Before the final print, use the original high-res file where possible.

3.6 Preview the pairing first

You haven't bought a high-res image yet and just want to see whether it pairs with the frame and wall.

Preview is good for early style calls, especially while you're comparing several pieces, frame sizes, or wall colors. Once the plan is set, swap in the high-res image to avoid buying or uploading twice.

1. Find a low-res or preview image you want to try.
2. Drop it into a frame to see the overall look.
3. Adjust the image position and scale.
4. If the pairing works, buy or upload the high-res version.
5. Replace the preview image with the high-res one.

4.1 Switch to the dimension view

You've laid out the frames and want to go from "looking at the effect" to "looking at the numbers."

Visual is better for the overall look; Dimensions is better for preparing to actually hang. Once the layout is set, switch to Dimensions to check each frame's size, position, and spacing rather than judging by eye alone.

1. Open the View panel on the right.
2. Confirm the overall look in Visual first.
3. Switch to Dimensions.
4. Check each frame's width, height, position, and related labels.
5. Adjust frame positions as needed.

4.2 Toggle the dimension layers

You want a cleaner canvas that shows only the info you need right now.

Too many dimension labels make the canvas crowded. Turn on the layer for the task at hand: total bounds for the overall extent, frame dimensions for frame sizes, and labels, ruler, and hook info when you're getting ready to install.

1. Find the layer toggles in the View panel.
2. For the overall extent, turn on Show total bounds to see the set's total size.
3. For guide lines, turn on Show laser lines to hang more efficiently.
4. For frame sizes, turn on Show frame dimensions to see each frame's distance from the laser line, wall, or neighboring frames.
5. To see frame names, turn on Show frame labels to tell frames apart by source and size.
6. For the wall ruler, turn on Show ruler to see where every element sits.

4.3 Measure a distance

Measure is good for a quick, one-off distance check that doesn't need to stay on the canvas. Want the size of something (like a sofa's length), or the distance between two things (like a frame and the cabinet next to it)? Draw a line with the measuring ruler.

1. Open Tools.
2. Choose Measure.
3. Drag from one point to another on the canvas.
4. Read the real distance shown on the line.
5. Adjust the frame or furniture position based on the result.

4.4 Align with Laser Level

Laser Level is a simulated spirit-level laser line — handy for quickly leveling during install, as a hanging reference that shortens measuring, and for aligning things while you lay out.

1. Open Tools.
2. Choose Laser Level.
3. Add a horizontal line to use as a level/vertical-distance reference, or to judge whether frames end up level.
4. Add a vertical line to use as a plumb/horizontal-distance reference, or to judge whether frames are perpendicular to the floor.
5. Move the line so the distances and relative positions to the frames make sense, making later measuring easier.
6. Switch to Dimensions to see the distance between frames and the line.

4.5 Set hook positions

For hanging, measuring the hook-to-frame distance is essential. The old way is to work out the frame position first, then calculate the hooks from relative distances; in HangPlanner, once the visual layout gives you the frame position, you just enter the hook position and it shows each hook relative to the wall or a guide line.

1. Select a frame.
2. Open Hooks in the frame Inspector.
3. Set the number of hooks.
4. Enter From top — the hook's distance from the top of the frame.
5. If several frames use the same from-top distance, click Apply hooks to all.
6. Switch to Dimensions to check the hook points.

4.6 Export a preview (Visual view)

You want to send the current look to family or a client to show "what it looks like hung."

Exports follow the view you're in; the preview exports from the Visual view. Visual view is a pure-look image with no labels, good for sharing.

1. Switch to the Visual view.
2. Confirm the overall look (Visual view has no dimensions or ruler).
3. Open the export option at the top right of the View panel.
4. Choose Visual view.
5. Print the export or send it to whoever needs to see the look.

4.7 Export a dimension sheet (Dimension view)

You want a labeled sheet so you or an installer can measure points and drill on the wall by the numbers, without printing.

The dimension sheet exports from the Dimensions view. Dimension view marks each frame's outline, nail points, and distances to the wall edge or laser line; measure by the numbers on the wall to place nails precisely.

1. Switch to the Dimensions view.
2. Turn on the size, label, and hook layers you need.
3. Confirm each frame's Hooks are set correctly.
4. Open the export option at the top right of the View panel.
5. Choose Dimension view.
6. Measure, mark, and install by the distances on the sheet.

4.8 Export a 1:1 install image (1:1 quick install image)

You're ready to hang and want a life-size install image you can stick on the wall and drill straight through.

The point of the 1:1 quick install image isn't looks — it's making it easier to find positions during install. It outputs at real size (1 cm on the image = 1 cm on the wall); print it whole, stick it on the wall, and drill wherever the hook points are. Without a large-format printer, use the Dimension view from 4.7 and measure points by hand.

1. Switch to Dimensions.
2. Turn on the size, label, and hook displays you need.
3. Confirm each frame's Hooks are set correctly.
4. Open the export option at the top right of the View panel.
5. Choose 1:1 quick install image.
6. Print it whole on a large-format printer or at a print shop.
7. Stick it on the wall and drill through the hook points.

5.1 Set a budget cap for a wall

You want to keep a whole wall within a range — say 300, 500, or 1000.

A budget cap is best set before you start designing. That way, as you add frames, art, or ready-made pieces, you can always see whether the plan is still within range, instead of discovering it's too expensive after laying everything out.

1. Open Wall.
2. Find the Budget field for the current wall.
3. Enter the cap you want to stay under.
4. Keep adding frames, images, or ready-made art.
5. Check the running total in Wall Budget on the right.

5.2 See the wall's running total

You've placed some frames and want to know roughly what the current plan costs.

Wall Budget gathers the priced items on the current wall in one place. It's good for checking the total as you design, and for comparing which layout is closest to your budget.

1. Look at the Wall Budget panel on the right.
2. Check each line's name, size, and price.
3. Check the Total at the bottom.
4. If an item has no price, add it back in the frame Inspector.
5. After adding or removing frames, check how the total changes.

5.3 Let standard frames flow into the budget

You use product frames from Standard Frames and want their price and purchase info to come in automatically.

Standard frames have more complete info — usually model, size, color, price, and where to buy. Confirm your Country first to avoid seeing products or prices that don't apply to your region.

1. Confirm the Country at the top is correct.
2. Open Standard Frames.
3. Choose frames buyable in your region.
4. Click Insert to place them on the wall.
5. Check that the frame's price shows in Wall Budget.
6. Open the detailed budget table to see model, size, color, and purchase link.

5.4 Add a price to a custom frame

You used a custom, made-to-order, or locally bought frame, and the system has no automatic price.

Custom Frames are great for mocking up a bespoke look, but you supply the price. Enter a local shop quote, an online price, or an estimated cost so the wall's budget is closer to real spend.

1. Open Frames on Wall.
2. Select the frame that needs a price.
3. Find Price in the Inspector.
4. Enter the frame's price.
5. If there's a purchase page, add the Purchase URL.
6. Go back to Wall Budget and check the price is in the total.

5.5 Include external art in the budget

You added ready-made art from an external site with Add Image as Framed Art and want to record its price and purchase link.

External art often comes from different sites, and if you only place it on the wall to preview, you may forget where to buy it later. Add the price and Purchase URL so it enters the budget table and jumps back to the product page once the plan is set.

1. Add the ready-made art product image.
2. Enter the real size.
3. Enter the product price.
4. Paste the purchase link.
5. Place the piece on the wall.
6. Open Wall Budget and confirm it's in the budget.

5.6 Open the detailed budget table

You want to turn the current plan into a shopping list to send to family, a client, or yourself to order from.

The detailed budget table is best once the plan is mostly set. It's better than the side summary for checking every item, especially when a wall has several sizes, colors, or external product links.

1. Open Wall Budget.
2. Click Open detailed budget table.
3. Check each item's model, size, color, quantity, unit price, and total.
4. Check the purchase links.
5. To keep a record or share, use Print.

5.7 Adjust the plan to fit the budget

You're happy with the look, but the total is over budget.

Adjusting the budget doesn't mean redoing the whole plan. Usually start with the most expensive items — go one size smaller, reduce the count, switch to a cheaper series, or keep the layout and buy in stages.

1. Open Wall Budget and find the most expensive items.
2. Try a smaller frame size.
3. Try a lower-priced frame series.
4. Reduce the frame count, or switch to a simpler layout.
5. Use free or low-credit Art Prints.
6. Delete items you're not buying for now.
7. Check whether the Total is back within budget.

6.1 Manage clients and rooms with multiple walls

You need to plan for several clients, rooms, or options at once, and want to hand over confirmation images with your own brand.

What designers need most is manageability: clients, rooms, versions, and delivery images all kept clear. Set naming and Tags rules from the start, or it gets hard to find things once you have many walls.

1. Create a new Wall for each client or room.
2. Use clear names, like "Client A · Living room," "Client A · Main bedroom."
3. Use Tags to mark client, room, and status, then filter at the top to find all of one client's walls fast.
4. Save a Snapshot for each key option to compare versions side by side.
5. Set a custom logo in settings, added automatically on export, so you deliver branded confirmation images.

6.2 Share with clients to view and edit together

You want to send a laid-out wall to a client to review, or pull them in to edit the same wall together.

Share turns HangPlanner from "a one-person planner" into "a tool for working with a client": you can give view-only access, or let the client edit alongside you in real time — dragging frames, changing sizes, adjusting spacing — with their screen updating almost instantly.

1. Click Share on the Wall card.
2. Pick a permission to get a link: Editor (CAN EDIT) can edit with you, Viewer (VIEW ONLY) can only view.
3. Send the link to the client; the shared wall appears in their "Shared with me."
4. Save a Snapshot before sharing as a safety net — whatever the client changes, you can Restore to the pre-share version in one click.
5. You can also edit together on a video call: you drag, the client watches live, and a few rounds settle it.

Permissions are granted per wall, so the client doesn't need the same plan tier to edit with you; all snapshots on the wall are visible to collaborators, so you can switch between Option A and Option B on a call.

6.3 Save go-to furniture into your own library

You serve similar layouts repeatedly and keep using the same few pieces of furniture; or you want to save "a specific client's real furniture" for long-term reuse.

Record go-to furniture into your own library — enter the size once, and next time drag it onto the canvas in a second, without rebuilding it each time.

1. In Furniture, set a piece to the real size you want.
2. Save it into your personal furniture library.
3. Next time you create a wall, drag it in from the library without re-entering the size.
4. Stay signed in for cloud sync, so the same library works across devices.

6.4 Save go-to frames into your own library

You often use the same few custom frames and don't want to reset border, mat, corners, and hooks each time.

A frame you've set up in Custom Frames — border color/width, mat color/width/offset, corners, hook count and position — can be saved into your own frame library and pulled out ready to use next time.

1. Build a frame in Custom Frames, setting border, mat, corners, hooks, and so on.
2. Save it into your personal frame library.
3. Next time you need the same frame, pull it from the library onto the wall without resetting parameters.
4. Stay signed in for cloud sync, so the same frame library works across devices.

6.5 Hang faster and more accurately — no math, no wrong holes

You're an installer, or hanging it yourself, and want to get it right the first time with no rework.

A laid-out wall already carries each frame's real size and hook position, so on site you don't re-measure the art, calculate spacing, or eyeball the center. Position by the exported install image, turning "measure, patch, redrill" into "drill by the sheet and hang" — saving up to half the time per home.

1. Select a frame and set the hook count and from-top distance in Hooks; when several frames share a from-top, use Apply hooks to all, or drag in a frame with hooks already set from your library.
2. Switch to the Dimensions view and check each frame's size, nail points, and spacing.
3. Export an install image: to skip printing use Dimension view and measure points on the wall by the numbers; with large-format printing use 1:1 quick install image, print it whole, stick it on the wall, and drill through the hook points.
4. Position by the sheet — no on-site math, and no wrong holes.

For detailed export and install steps, see "4. Hang fast and accurately" above.