Drag to rotate • Scroll/pinch to zoom • Tap a glowing deck edge to toggle its railing

YOUR DECK DESIGN LIVE 3D Updates as you build

STEP 1 OF 8

Start with the house

Match the rear of the home first so the deck can wrap around corners and bump-outs properly.

For the most useful design, use real measurements.Deck width, depth, height, stairs and railing lengths all help us understand the project. If you need an add-on, shape or feature that is not shown in this builder, contact us and we can help with a custom design.

House shape

Exterior finish

Patio door position

House width 44 ft

House dimensions stay independent from the deck, so changing deck depth will not change the house L-shape or bump-out.

STEP 2 OF 8

Size the deck

Choose the main footprint. Larger dimensions are available for bigger backyard and commercial-style layouts.

Net deck area: Any house bump-out or L-shaped wall that occupies part of the deck footprint is automatically subtracted from the deck square footage. The width/depth controls are the outside deck dimensions.

Deck shape

Width along house 16 ft

Depth from house 12 ft

Exact width (ft)

Exact depth (ft)

STEP 3 OF 8

Choose the deck levels

Your main deck stays exactly as you sized it. Add a separate second-storey deck above it only if you want one.

Main deck height

Main deck height 3 ft

Second-storey deck

Conceptual visualization only. Final framing, footings, guards, stairs and structural details must be confirmed for the actual property and applicable requirements.

STEP 4 OF 8

Choose the decking

Board colour

Board layout

STEP 5 OF 8

Design the railings

Use the buttons below or tap the glowing deck edges directly in the 3D view.

Railing style

Railing posts are shown at a maximum of about 6 ft on-centre. House-attached edges are excluded. Stair openings are removed automatically.

STEP 6 OF 8

Build the stairs

Include stairsAdd stairs to the design

Stair style

Tip: drag the gold handle directly in the 3D view to move standard stairs.

Main deck stair side

On an L-shaped deck, Left and Right refer to the original main deck only. The L extension has its own stair controls below.

Main stair width 4 ft

Exact widthft

Position along main edge 50%

Railings on stairs

Approx. steps5Total stair width4 ft

Stair dimensions, number of steps and railing choices are included with the design details sent to us. Wrap-around stairs are intentionally shown open without stair railings.

STEP 7 OF 8

Finish the details

Picture-frame borderBorder follows the exposed deck outlineVisual Fascia boardDeck-board-width fascia on exposed edgesVisual Deck skirtingVertical boards around the exposed lower deck perimeterOptional Step lightingWarm low-voltage lights built into stair risersOptional

Your selected skirting, lighting, picture-frame border and fascia options are included when you send the design for an estimate.

STEP 8 OF 8

Email us for an estimate on your deck!

Review your design below, add your contact information and any message you want us to see. We will receive the full deck design details so we can review the project.

YOUR DESIGN IS READYSend it to Toronto Deck BuildersNo price is shown in the online builder.

The design tool is for project planning. Final pricing depends on site conditions, access, demolition, permits, engineering, framing and footing requirements, final product selections and other project details.

Free 3D Deck Designer Online for Toronto, Ontario

Design your deck in 3D

Design first, then request an estimate

Turn your plan into a real quote

What affects deck cost in Toronto?

Compare pressure-treated and composite deck options

Do you need a deck permit in Toronto?

Questions homeowners ask before building a deck

Send your 3D deck design for an estimate