How to Make a Button Front Midi Skirt

Merrick's Art Straw Basket Bag and Pink Summer Plaid

Outfit Details:

White Tee, Similar Plaid Skirt, Pearl Sandals, Straw Tote

The button front midi skirt is everywhere this spring and summer, and naturally I’ve jumped right on that wagon. Midi skirts are an amazing momiform option because they’re lightweight and comfy, while keeping you covered when you’re running after toddlers or getting down on the floor to play.

But whether you’re a mom or not, this type of skirt is great for so many summer activities, or can even be dressed up with wedges and a blouse for church!

Merrick's Art Button Front Midi skirt
Merrick's Art Plaid Skirt
Merrick's Art Button Front Plaid Skirt
Merrick's Art Summer Plaid
Merrick's Art Straw Basket Tote, Pink Summer Plaid
Merrick's Art Pink Plaid

I bought this plaid fabric in the LA Fabric District a few years ago but didn’t have any specific plans for it. So it got buried in my storage bins until I recently unearthed it and instantly knew I had to make a button front skirt. I found a few similar plaid fabrics herehere, here, and here.

They’re so easy to make — just two pattern pieces and a few seams. The hardest part is just the time it takes to do the buttons!

Today I’m sharing the easy instructions to make one of these skirts. I don’t provide printable patterns for any of my tutorials, but you can use this video to make your own patterns and then follow the instructions for the skirt below.

Here’s what you’ll need:

2 yards lightweight fabric (mine is rayon, but you can use a lightweight denim, a medium weight knit, a nice cotton…lots of options! I shared a few similar plaids above)
Matching thread
1 1/2″ wide elastic
7-8 Buttons
Buttonhole foot for your sewing machine

How to make a midi button down skirt

First cut your pieces. You’ll need one big piece for your SKIRT, and then 3 pieces for your WAISTBAND.  Your skirt piece dimensions should be:

Width: waist measurement x 1.5 (if you want the skirt to be more full, multiply it by 2 instead)
Length: As long as you’d like it. Mine was roughly 28″ before I hemmed it.

Step 1. First you’ll need your three WAISTBAND pieces and your elastic. Cut the elastic about 3 inches shorter than the length of your WAISTBAND BACK piece. Stretch the elastic and pin it on either side of the WAISTBAND BACK piece.

Step 2. Then sew the WAISTBAND FRONT pieces and sew them together on the side seams on each side, simultaneously attaching the elastic.

Step 3. Fold the entire waistband in half, with the elastic inside.

Step 4. Sew a basting stitch seam along the top of your SKIRT piece and then gather the skirt evenly until the width matches up to the width of your waistband.

Step 5. With right sides together, sew the SKIRT to the WAISTBAND. Then iron your waistband up so it lays flat.

Step 6. Take the front panels of the skirt and fold them each twice over. You’ll need to measure these folds to make sure they’ll line up in front once the skirt is around you and the buttons are sewn in place. Make your folds larger or smaller if needed until they line up perfectly.

Then sew in place with a straight stitch. My fabric (rayon) is very lightweight, so I added a strip of interfacing inside the folded edge to give it some structure and stability.

Step 7. Mark the placement of your buttons and button holes, and then use your button hole foot to insert button holes on one side of the skirt.

Step 8. Using a needle and thread, sew your buttons in place on the other side of the skirt, and you’re done!

How to make a button front midi skirt Merrick's Art

Shop this Post

6 Comments

  1. Brianna Soloski says:

    Amazing. I wish I knew how to sew beyond just fixing a button.

  2. Paige Cassandra Flamm says:

    That skirt is gorgeous! Although I was secretly hoping that you were going to make a shirt dress out of that fabric 😉

    Paige
    http://thehappyflammily.com

  3. Natali says:

    You’re queen of DIYs!! Loved all of your tutorials and this button down midi skirt is just so impressive!

    http://lartoffashion.com

  4. Poppy Chiara says:

    Gorgeous skirt! Just a quick question: what dimensions should the waistband pieces be? I don’t think it’s mentioned anywhere in the tutorial…

    Poppy
    http://poppyallanorma.com

  5. Ester Her says:

    I’ve been waitung for this tutotrial since I saw you working on it on IG. I have the same question about the waisband. Length?

  6. Kathleen Gene says:

    I’m excited to try this out. The fabric I’m going to use is a little see through. If you were going to add a lining would you gather the lining also like the main piece of fabric?

Leave a Reply