Creating an Attached Porch

Reference Number: KB-01086
Last Modified: July 20, 2021

The information in this article applies to:

Home Designer Professional or Home Designer Architectural or Home Designer Suite


I would like to know how to create an attached porch on my plan.  How can I accomplish this task in Home Designer? 

Attached porch created on structure


For the purposes of this example, we will show you how to accomplish this task in a new plan, then you can take what you learn and apply it to your own design.

To create the initial structure

  1. To begin, select File> New Plan  to create a new, blank plan in Home Designer.

  2. Next, select Build> Wall> Straight Exterior Wall  then click and drag out your walls to create a basic rectangular structure.

    Floor plan view of a 20' x 30' rectangular structure

    For this example, we created  a basic 30' x 20' structure.

  3. Next, select the left wall of the building, and click on the Open Object  edit button to display the Wall Specification dialog.

  4. On the Roof panel, select the Full Gable Wall radio button and then click OK to confirm the change.

    Wall Specification Roof Dialog Box

  5. Repeat this process on the right wall of the building, so that both opposing 20' walls are marked as Full Gable Walls.

To create the attached porch

  1. Next, select Build> Railing and Deck (Railing)> Straight Railing , then click and drag out three railings to create an enclosed room on the front of the structure.

    floorplan view of 7 foot wide porch addition

    For our example, the front railing will be 7' out from the exterior wall.

  2. After creating the railings, use the Select Objects tool to select the newly created room, then click on the Open Object edit button to display the Room Specification dialog.

  3. Change the Room Type to Porch, and click OK.

  4. Select the left railing and click on the Open Object  edit button to display the Railing Specification dialog.

    railing specification dialog box for attached porch

    • On the General panel, place a check in the Invisible box.

    • On the Roof panel, select the Full Gable Wall radio button.

    • Hit OK to confirm the change and to close out of the dialog.

  5. Repeat this process for the right railing as well, so that both railings are set to be Invisible and Full Gable Walls.

  6. Now, select Build> Roof> Build Roof  to display the Build Roof dialog.

    build roof dialog box for attached porch roof options

    • On the Roof panel, make sure that Auto Rebuild Roofs* is checked, then set the overall Pitch that you want for your main structure.

    • For the purposes of this example, we will set the Pitch (in 12) to 10".

    • Once you have completed making changes in this dialog, click OK.

  7. Finally, let's take a 3D Camera  view to see our results so far.

Now that we have created our walls and railings, as well as specified the overall main pitch for the structure, we just need to define the front railing.

To define the front railing

  1. Use the Select Objects  tool to select the front railing, and click on the Open Object edit tool.

    floorplan view with roof and porch

  2. In the Railing Specification dialog that opens, make the following adjustments:

    • Select the Roof panel and specify a Pitch of 4" in 12, an Upper Pitch of 12" in 12, and In From Baseline value of 7' (84").

      porch pitch specification box

      Recall that 7' is the distance that the front railing was from the exterior wall, which is where we wan the change in pitch to occur for the roof plane.

    • On the Rail Style panel, select the Open radio button, check the Post to Beam box, and remove the checks from the Include Top Rail and Include Bottom Rail boxes.

      railing style dialog box for attached porch

    • On the Newels/Balusters panel, change the Newel/Posts Spacing value to 192" so that there will only be three, instead of five posts across the front of the structure.

      newel option dialog box for attached porch

  3. Click OK to apply these changes and take a Camera view to see the results.