This tutorial and free pdf pattern will show you how you can make a cute, comfy, and slightly sophisticated little girls summer dress out of woven fabric. It is complete with a ruffled bodice, elasticized side panels, and DIY button bows! Sizes 2T, 3T, and 4T are now available.
I would consider the difficulty level of this dress to be intermediate. This tutorial assumes that you know some garment sewing essentials, such as sewing gathers, buttonholes, and a curved hem. But I do also link to tutorials on how to do those things if you’re an adventurous beginner!
Supplies And Materials
- Sewing machine with zig zag stitch
- Basic sewing supplies
- Serger optional
- Woven fabric such as quilting cotton, linen, old sheet, etc (2 yards of 45-inch wide fabric will be enough for all sizes))
- 1/2-inch elastic (about 60 inches)
- Fusible interfacing (I use this)
Prepare the pattern
Download the free Girls Summer Dress pdf pattern below, then print, tape and cut it out. All the pattern pieces are included in the pdf, but I’ve also included a cut chart for rectangular pieces, so you don’t need to print them if you prefer to measure and cut. This dress features an a-line, gathered skirt, but I’ve also included a rectangular version in the cut chart. This is because, although I do think the a-line shape is the nicest, a rectangular skirt only looks slightly different, and it’s easier to hem and takes a little less fabric. So it’s up to you which you choose!
Prepare your fabric
Wash, dry, and iron. Always prepare your fabric in the same way that the finished garment will be laundered. This prevents shrinkage on your final product!
Cut out your pattern pieces
Cut everything out, making sure to notch the front bodice waist in the center, as well as the skirt front and back waists at the center. Also notch the centers of the ruffles (they will line up with the shoulder seams) and the centers of the side panels (they will line up to the skirt side seams).
Cut out 2 strips of interfacing 1 1/2 inches wide and 1/2-inch shorter than center back.
Cut out the elastic according to the cut chart.
Iron interfacing onto back bodice pieces
Iron the interfacing onto the wrong side of one set of the back bodice pieces, 1/2-inch from the edges.

Iron ruffles and side panels
Iron the ruffles and side panels wrong sides together.
This picture shows where the notches should be.

Sew bodice fronts and backs together
Lay the bodice right side up, and the bodice back pieces on top, right sides together. Sew the shoulders together with a 1/2-inch seam allowance. Then trim the seam allowances to 1/4-inch and iron them to either the front or back.
Repeat on the other set. Iron the seams the opposite way that you did on the first set. The set with the interfacing will be your main bodice and the other set will be the bodice lining.

Gather ruffles
If you have never sewn gathers, you can check out my full tutorial on gathering here.
Sew two lines of gathering stitches (longest straight stitch, needle tension low, no backstitching), 3/8 and 5/8-inch from the raw edge.
Attach ruffles to main bodice
Match up the notches on the ruffle pieces to the shoulder seams, right sides together and raw edges lined up. Pull on the bobbin tails to gather the ruffles to fit the bodice and pin in place.

Then sew them in place, a little less than 1/2-inch from the raw edge.

Remove your gathering stitches by cutting the bobbin threads in the center and pulling on the ends, then pulling the visible threads on the front away (more details on this in the gathering tutorial I mentioned above).
Sew casings for elastic on side panels and insert elastic
Sew lines across the side panel, starting a little more than 1/2-inch from the folded edge (about 1/16-inch more than 1/2-inch). Sew five lines in all, evenly spaced from the first.

Then thread your 1/2-inch elastic through, pinning in place as you go.

And sew them all in place, on both sides. Then repeat on the other panel.

Sew side panels to front of main bodice
Pin the side panels to the front of the main bodice, lining up the raw edges. Then sew in place, a little less than 1/2-inch from the raw edge.

Sew lining to bodice along neckline
Lay the main bodice right side up and lay the bodice lining on top, right sides together. Pin along the neckline, taking care to line up the shoulders perfectly. Sew in place with a 1/2-inch seam allowance.

Understitch the neckline
I forgot to get a picture of this step! But trim the seam that you just sewed to 1/4-inch, clip the curves, and understitch the seam allowance to the lining, starting and stopping 3/4-inch from the edge. If you don’t know how to do an understitch, then check out this tutorial.
Sew along the back button placket
This one’s easy! Sew the main and lining pieces together along the button placket. Then trim the seam allowances to 1/4-inch and clip the corners to reduce bulk.

Sew bodice lining to main bodice along sides
And now you can finally sew the lining and main bodices together along the sides to where the notches are. Then trim the seam allowances to 1/4-inch, including where you haven’t sewn yet.

Turn right side out and iron
The easiest way to do this is to put your hand through the bottom of the front bodice and pull the backs through until everything is right side out.
Then you can finally iron everything nicely, including ironing the seam allowances along the back in by 1/4-inch.
Sew side panels to back of main bodice
Trim the remaining seam allowance on your side panels by 1/4-inch. Then line the raw edge up with the folded raw edge of the main back bodice, as seen in the picture below. You will need to keep the lining side of the back bodice out of the way. Use several pins to keep everything in place.
In the next step you will be sewing along the dotted line, but from the other side.

Flip the bodice over and sew “in the ditch” of the ruffle and main front bodice. You will be sewing over the pins that are on the underside, so go slowly. If you’re nervous, you can handcrank as you go over the pins.

Sew side pieces to back of bodice lining
Now you just need to close up the opening on the lining side. The seam allowance will already be ironed in. Now the absolute best thing would be to use a slip stitch to close up the opening, and that’s what I would recommend. But because I was feeling pressed for time, I just sewed close to the edge with my sewing machine, with the lining side up, trying to sew directly on top of the line of stitching that I sewed in the previous step. It turned out nice, and it is on the back. But I’d still recommend the slip stitch if you’ve got the time ๐

Baste ruffles into place
Simply sew the ruffles in place along the dotted lines. Make sure to stretch the elastic as you do this though, otherwise the stitching will prevent it from stretching.

Make buttonholes
If you don’t know how to sew buttonholes, you can check out this tutorial here.
Mark out your buttonholes. They need to be 1 1/8-inch long. The buttonholes should be 3/8-inch from the placket edge, 5/8-inch from the top, and 1-inch from the bottom.
If you have a buttonhole foot, measure where the button would sit in it to be 1 inch. It will automatically add the 1/8-inch for ease.

Optional: Add placket to back piece of skirt
This step isn’t necessary, but I just really like plackets in skirts because they make the dress easier to take on and off. If you don’t know how to add a placket to a skirt, check out this tutorial. The button placket has a 1-inch overlap, so the finished placket needs to be that wide.
Sew side seams of skirt
Sew the front and back of the skirt together, right sides together, with a 1/2-inch seam allowance. Finish the seams with a serger or zig zag stitch. Then iron the seams to either the front or back.
Gather top of skirt
Sew two lines of gathering stitches, 3/8 and 5/8-inch from the top edge.
Attach skirt to bodice
Turn the skirt inside out, bodice right side out and upside down, and slide the bodice inside of the skirt, like in the picture below. Line up the notches and side seams, with raw edges all aligned. Pull on the bobbin tails of the gathering stitches to gather the skirt to the size of the bodice. Use several pins to keep everything in place.
(There are some more pictures further down for if you added a placket to the skirt.)

Then sew it in place with a 1/2-inch seam allowance. Be aware of where the elasticized side panels are and stretch them fully as you sew over them. Otherwise the stitching will rip once the panels are stretched later.
Then remove your gathering stitches and finish the seam with a serger or zig zag stitch.
These next two pictures are just for if you added a placket in the skirt:
On the side where the placket is folded (the buttonhole side), the gathers should go to the edge of the bodice, with the placket extending. Then sew the gathers on normally, ignoring the extended placket part for now.

Then fold the placket around the bodice and sew in place. Then you can finish your seam and when you pull everything to the right side, the seam allowance will be neatly tucked in.

Hem the skirt
If you’ve never sewn a curved hem, then I would recommend to check out my tutorial here.
Sew a line of ease stitching 1/4-inch from the raw edge. I went from side seam to side seam so that the sections would be smaller.
Then fold to the wrong side along the line of stitching and iron.

Pull on the bobbin tails to gather slightly.

Then fold in by 1 inch and iron, using plenty of pins and adjusting the ease stitches as you go.

And stitch along the edge.

Sew the button bows
Use a 1/4-inch seam allowance to sew the bows, leaving a 1 1/4-inch opening. Clip the corners and turn to the right side with the help of your scissors. You can sew the openings closed, but they will eventually be in the knotted part, so I didn’t.

Look at those… I’m kind of struck by just how much of a perfectionist I’m not! The top one is the hair bow.

Attach bows to bodice
First, mark where the centers of the bows will be on the bodice (I use a pencil and stick it through the buttonhole to get the right placement).
Then mark 1/4-inch lines in the centers of the bows in the following way:

Then lay the centers of the bows over the spots you marked on the bodice and sew along the lines you marked on the bows. The bows will be laying vertically and the stitching will be going horizontally.

They will look like this when you’re done:

Then tie little knots… and that’s how easy it is to make some adorable little button bows for your girls summer dress!

All done!
Aww, wasn’t that worth it?!
I would love to know if you make this little girls summer dress. And please let me know if you have any questions or have issues with the pattern at all! I’m new to pattern making so I really value any constructive criticism ๐


I can’t find the date this was posted, so apologies if it was very recent, but have you made any progress on the pattern grading? I would love to make this in a 4t! Thanks!
Hi Amanda, thanks for your comment! I just updated this post with sizes 3T and 4T ๐ Enjoy! – Gloria
Hi Gloria
How can I get the pattern to print properly?
Hi Anita, I just replied to your other comment, but I’ll just copy and paste my response here too: I’m not sure if this will fix the problem, but I find the main issue is if you’re opening the file in your browser. Make sure to download it, then go to your downloads and open the file in adobe reader. Hopefully that solves it! Let me know if not. -Gloria
Thank you so much for this adorable dress pattern! I am planning on making a bunch of these for some of my little cousins and friends little sisters. I always appreciate free patterns and this one is so clear and detailed as well as a perfect dress for summer!
Thank you for your comment Adela, and you’re welcome! That sounds so fun, I’m sure they’ll all love you doing that! -Gloria
Hi, thank you for the pattern! How long should the elastic be for the side panels on the 2t pattern?
You’re welcome Abby! They should be 4 3/4 inches. The elastic lengths for all the sizes are at the bottom of the updated cut chart ๐
Thank you so much for making and sharing this pattern!
I have a question about the button bows: to fasten the dress, do you until the knot, feed it through the buttonhole and then re-tie it?
I’ve just made the 2T size and I am hoping to make a “5T” size, I will try to approximate slightly larger than the 4T you have provided.
The links to your other tutorials were extremely helpful! ๐
Such a cute little dress.
You’re welcome Sola, and thank you for the comment! I leave the button bows knotted all the time. It’s possible if your fabric is thicker that you might need to untie them though. I would love to know how the size 5T turns out! I eventually will add more sizes, but I’m still learning to grade accurately, so that many sizes up is a bit of a step for me. That’s great to know that the links were helpful and I’m really glad you love the dress ๐ -Gloria
I have a doubt.. I’m new to sewing patterns so should I add seam allowance myself ? It won’t be included in the pattern
Hi Vennila, you don’t need to add the seam allowance because it’s already included in the pattern. The seam allowance is 1/2 inch everywhere, except on the bows it’s 1/4 inch. I hope that makes sense. Have fun sewing! -Gloria
Thank you so much for this tutorial, the dress looks so pretty! Just to be sure, 2T, 3T, 4T refer to 2 years, 3 years and 4 years?
You’re welcome! Yes, 2T would be considered to fit a 2 year old girl, and so on. -Gloria
Love this pattern so far. Itโs the first dress Iโm making for my daughter ๐. Forgive me if Iโm missing something but how do you button up this dress? Are the bows themselves being fed through the buttonholes and thatโs it or is there an actual button on the underside the bows??
Hi Robyn, thanks for your comment! Yes, you feed the bows themselves through the buttonholes. There are no actual buttons. -Gloria
Thank you for this cute pattern, Iโm excited to make the dress for my granddaughter. Iโm a bit confused about the button bows. Do you feed the Bows through the button holes or do you sew on buttons?
You’re welcome Teresa! You feed the bows through the buttonholes. -Gloria
Good day. I seem to have trouble printing the pattern. When printing in Actual Size I need a microscope to read. If I print to Fit Page, the bodice panels are definitely too small. Please assist.
Hi Anita, I’m not sure if this will fix the problem, but I find the main issue is if you’re opening the file in your browser. Make sure to download it, then go to your downloads and open the file in adobe reader. Hopefully that solves it! Let me know if not. -Gloria