Build Smarter Not Harder

Framify turns deck ideas into actionable framing plans in seconds.

How It Works

  • Enter your deck dimensions
  • Generate a framing plan and material list
  • Download or share instantly

Why Framify?

  • Fast: Instantly generate framing layouts
  • Accurate: Built on building code standards
  • Simple: Easy for homeowners and contractors alike
Start Designing For Free
Deck Designer Tool Interface
Deck builder tool showing inputs for a 12x12 ft deck with a cantilever.

Entering Your Deck Dimensions

  • Deck Length: 12 feet
  • Deck Width: 12 feet
  • Deck Height: 2 feet
  • Deck Joist Spacing: 12 inches
  • Has Cantilever: Yes (Enabled)
  • Include 2x12 Joists: Yes (Enabled)

Once submitted, these values are used to generate a precise, code-compliant framing plan and material list.

Deck Component Dimensions

This section includes the span (length), number needed, and cantilever details for different components.

  • Joist:
    • Span: 12 feet
    • Number Needed: 13 units
    • Cantilever: 0 inches
  • Beam:
    • Span: 6 feet
    • Number Needed: 2 units
    • Cantilever: 0 inches

Material List

This section includes the size, wood length, and number of units required for each component.

  • Post:
    • Size: 4x4
    • Wood Length: 8 feet
    • Number of Boards Needed: 6 units
  • Beam:
    • Size: 2-2x8
    • Wood Length: 12 feet
    • Number of Boards Needed: 4 units
  • Joist:
    • Size: 2x8
    • Wood Length: 12 feet
    • Number of Boards Needed: 13 units

Total Material (Units): 23 units

Deck Designer Tool Interface showing output material list
3D model of an initial deck frame with posts, beams, and joists

Initial Frame Construction

A basic 3D deck structure on a green grid background with a blue sky. The deck has a frame with 4 posts, 2 beams, and 6 joists, spaced 12 inches apart. The dimensions are set to Width: 5 ft, Length: 5 ft, Height: 2 ft. No floor or additional features are present.

Addition of Floor

The same deck structure as before, now with a floor added. The floor covers the joists, and a color options panel is open, showing various wood shades (e.g., beige, brown, gray).

3D model of a deck with a floor added and a color selection panel visible
3D model of a deck with a railing installed and color options visible

Installation of Railing

The deck now includes a railing around the top. The railing is of Type 3 (a vertical bar design), and a color options panel is open with multiple choices.

Addition of Stairs

The deck retains the railing (Type 3) and now has stairs added on the right side. A direction and position panel for the stairs is open, with options (Front, Left, Right, Back) and a slider.

3D model of a deck with stairs added and a position panel visible
3D model of a deck with a dark wood floor and a color selection panel visible

Updated Floor Color

The deck structure retains the railing, stairs, and frame, with the floor now displaying a dark-colored wood finish. The floor panel is open, showing wood color options, and the current selection appears to be a dark shade.

Detailed Measurement Visualization

The same 3D deck structure is shown with enhanced visibility of the measurements. The posts are positioned at the corners, beams span horizontally in green, and joists are arranged in blue across the top. The height is marked up to 1 foot, with the width and length axes extending to 12 feet each, providing a comprehensive view of the deck's layout.

3D model of a deck with a floor added and a color selection panel visible
3D model of a deck with a dark wood floor and a color selection panel visible

Download Deck Blueprint Activation

The blueprint remains visible, and a "View the measurement" button is present, which, upon clicking, transitions to a "Download Deck Blue Print" option. The layout includes the same 6 posts and beam spans of 6.0 feet, with the 2x8 beam size and 4x4 post size still indicated.