Overview
The fence design tool draws bird's-eye fence layouts: runs, corners, gates, and measurements on a satellite map, uploaded blueprint, or blank canvas. Takeoffs feed the estimate Materials step.
This is not the shop drawing tool, which produces detail and elevation sheets for install documentation.
Where in the app: Fence estimate → Continue through setup → designer (/{quoteId}/tool)
Open: Estimates
Re-open: Estimate → Summary → Edit Drawing
Layout
| Area | Purpose |
|---|---|
| Header | Back, Tour, Help |
| Left panels | Project, Canvas, Fence, Elements, Settings |
| Canvas | Drawing surface |
| Lower toolbar | Select, Pan, Undo, Zoom, units, Clear All, Preview Quote |
| Upper toolbar | Context tools when a fence section, post, or gate is selected |
Mobile uses a bottom toolbar with the same core actions.
Typical tenant flow
- Complete fence setup (type, style, height/color, canvas type)
- Set up canvas background (Canvas and setup)
- Draw fence sections and gates (Drawing and measurements)
- Click Preview Quote to run takeoffs and return to the estimate
Guides in this section
| Guide | Covers |
|---|---|
| Canvas and setup | Google Map, Blueprint, Blank Canvas, scale |
| Drawing and measurements | Straight and curved runs, lengths |
| Gates and posts | Gate types, terminal posts, edits |
| Designer assistant | In-tool AI |
Workflow: Using the fence designer tool
Lead generator (customer-facing)
Homeowners use the same drawing engine on your Lead Generator subdomain with Get Quote instead of Preview Quote. Tenant setup: Lead Generator integration. Customer help lives in the lead-generator help panel, not this tenant KB.