DIY Button Front Skirt

We are so excited for the nice weather we needed a quick and easy project we could whip up! This button front skirt is quick and easy to make and can be made with just about any type of fabric! We used our new Buzzy Bees quilting collection for this perfect summer skirt!


  • 1.5m-3m* Quiltland Cotton
  • 0.4m-1m* Elastic 1 1/2″ wide
  • 6 Buttons

*Fabric measurements will vary depending on width and length. A basic rule for calculating the amount of fabric needed is to multiply the finished length by 2.

Measuring Instructions

Cutting Instructions

From Quilting Cotton cut:
Skirt – (2) S x B
Front Waistband – (2) FW x 4″
Back Waistband – (1) BW x 4″
Pockets – (2) 7″ x 10″ rectangles

From Elastic Cut:
(1) E x 1 1/2″

Skirt Assembly

Seam Allowance: 1/2″

Place back waistband wrong side up and stretch elastic from one side to the other and pin in place, baste edges to secure.

With right sides together, sew front waistbands to the sides of the back waistband.

Place pockets right sides together.

Mark out 4″ from the left hand side. Mark down 4″ from the left hand side. Mark out 4″ diagonally from the left hand side. Join points to make a curve and trim to create the pocket.

With pocket facing wrong side up, fold in the sides, curve and bottom 1/2″ seam allowance and press. Topstitch around the curves of the pocket. Repeat for 2nd pocket.

Place skirt panels right side together, sew 1 side to create your center back seam.

With right sides up, measure in 5″ from either side of the skirt and mark on the top edge.

Place top unstitched corner of your pockets on each mark, following the guide above. Topstitch pocket in place, do not stitch over the curved pocket opening.

Starting 2 1/2″ in from the side, stitch a gathering stitch 1/4″ from the edge and a second gathering stitch 1/2″ from the edge. Stopping 2 1/2″ before the end. Gather the skirt.

Finish the edges of your skirt with a rolled hem. Then fold the right sides back 1 1/4″ on each side.

Edgestitch the fold.

Stitch down 1″ from the edge. Repeat for the other side. These will be your front plackets.

Fold waistband in half, right sides together. Stitch down either end stopping 1/2″ from the end.

Turn right way out and press sides.

Turn under 1/2″ seam allowance on one long side of the waistband and press.

Make sure the skirt is the same width as the waistband. Place the unpressed side of the waistband right sides together with the skirt. Stitch to secure.

Flip the waistband over and press seam allowance up into the waistband. Pin pressed edge of waistband seam allowance over stitches. Topstitch to secure waistband.

With the skirt right side up mark your buttonholes on the right placket. Mark your buttons on the left side placket.

The average button and hole spacing is 2″-3 1/2″ apart. Mark and try the skirt on before sewing and cutting buttonholes. Adjust as necessary. We did 6 buttons.

Click here for me help on buttons and buttonholes!

Hem bottom of skirt with a rolled hem.


Related Posts
Wine Glass Coasters
Rope Collar and Leash
DIY Shirred Midi Dress

Have a comment or question? Leave it here.

%d bloggers like this: