Yard Planner – Illustrated Landscape Design

Quick start: 4 steps

Draw a bed or path. Click Draw bed or Draw path, then click points around its edge. Use the Next edge: Straight / Curved buttons in the orange bar as you go (a straight side along a fence or house, a curve on the other side). Click Finish shape when done.
Adjust it (optional). Click Edit shape to drag the white dots or click an edge's small square to switch it between straight and curved.
Place plants and rocks. Pick one, then click the yard. Click a placed item to select it. The Selected item bar at the bottom of the screen has the Layer order buttons. Every rock keeps its own size: click a rock, then change its Width, Length, and Rotate in that bar.
Save and share. Click Export Backup to keep a copy, or Print / Save as PDF.

Click ? Help & tour (top right) for a guided tour. The Tutorial & tips switch next to it turns these tips off.

What do you want to do?

Plant, tree or rock to place

Yard size (ft)

Snap to grid

Tree canopies

Next edge (when drawing)

Selected item

Layer order (front / back)

Select a bed or path to change its surface and edges. Select a rock to change its width, length, and rotation.

Show mature-size ring Show number badges

Drawn to scale: each symbol is as wide as that plant's mature spread, and 1 grid square = 1 ft. Use the Mature size box (top right) to type in any plant's real size.

Shortcuts: Ctrl/⌘ + Z undo · Ctrl/⌘ + Shift + Z redo · while drawing: S straight edge, C curved edge, Enter finish · Esc starts over, leaves a mode, or unselects · Delete removes the selected item · [ / ] layer back / forward.

Mature size · selected plant

Type the size from your nursery tag. Every symbol of this plant resizes on the plan right away.

Spread (width)

Height

You can type 24, 24", 24 in, 3', 3 ft, or 3 ft 6 in. A plain number uses the ft/in box beside it. Press Enter or click away to apply.

Plant & Material Legend

Updates as you place items. Click a row to select it for placing.

#	Symbol	Item, size & photo	Qty

＋ Add a custom plant or stone

Name *

Illustration style:

Main color (leaves / bloom / stone)

Accent (fruit / flower)

Mature spread (width)

Mature height

Type sizes like the nursery tag: 24", 3', or 3 ft 6 in. For a rock, this is only the starting size. You can change each rock on the plan separately. After you add one, the style, colors, and size stay filled in, so the next variety is quick.

Yard Planner · v17 – every rock keeps its own size, layer bar at the bottom ·

Photo for

Choose a picture from your computer, or paste a link to one on the internet.

A · From my computer

Choose a picture file…

B · From a web link

On a website, right-click the picture and choose Copy image address, then paste it here.

Notice: Please only use public domain or openly licensed images. Do not link copyrighted images without proper permission or rights. The user assumes all responsibility for linked content.

Terms of use

Yard Planner · Last updated November 2026

By using Yard Planner ("the app"), you agree to these terms. If you don't agree, please don't use the app.

1. A planning tool only. The app helps you sketch and organize a landscape plan. Plant and rock sizes in the starter library are approximate. Always check them against the plant tag or supplier before you buy, plant, or build. Drawings are for planning and may not match real measurements or conditions.

2. Check before you dig. The app doesn't show underground utilities, property lines, easements, local rules, or permit requirements. Before any digging or construction, contact your local utility-locating service (in the U.S., call 811) and follow your local codes.

3. Your data stays on your device. Your plan, photos, and settings are saved in your own web browser. They aren't sent to a remote server. Clearing your browser data, using a private window, or switching computers can erase them. Use Export Backup to keep your own copy. You are responsible for your backups.

4. Photos and links. You may only add pictures you own, have permission to use, or that are public domain or openly licensed. Don't use copyrighted images without the right to do so. You are solely responsible for any pictures you upload or link. A linked picture is loaded from another website and can change or disappear. Other websites' content and terms are not ours.

5. Outside services. The app loads fonts and styling from other providers (such as Google Fonts and Tailwind CSS), so it needs an internet connection and those providers may see that your browser requested them.

6. No warranty. The app is provided "as is" and "as available," without promises that it is accurate, error-free, or always available.

7. Limit of responsibility. To the fullest extent the law allows, the creator is not responsible for losses, damages, or costs that result from using the app, including lost plans, plant or material choices, purchases, or construction decisions.

8. Changes. These terms may be updated from time to time. Continuing to use the app means you accept the updated terms.