Projects & Tutorials

How to Sew a Button-Front Shirt: A Boxy Beginner Version

A button-front shirt is the milestone garment in beginner sewing. Here's how to sew a boxy, relaxed-fit version as your first attempt — collar, plackets, buttons, and all.

A button-front shirt is the milestone garment in home sewing. It combines almost every intermediate technique — collar construction, button placket, sleeve placket (or a simplified version), buttonholes, sewing on buttons accurately, sleeve setting, hemming a curved hem. Get all of these working in one project and you’ve stepped firmly out of beginner territory.

This tutorial walks through a relaxed, boxy button-front shirt — the simplified version you should attempt first. Once you’ve made one of these, the more fitted versions (with darts, set-in sleeves with proper plackets, fitted cuffs) become approachable.

This is an intermediate project. Don’t make this your first or fifth garment. Build foundations with our 25 beginner sewing projects path first.

Choosing a pattern

For a beginner-friendly button-front shirt, look at:

  • Closet Core Patterns — Kalle Shirtdress: a relaxed shirt or shirtdress with detailed instructions.
  • Tilly and the Buttons — Rosa Shirt: a beginner-friendly button-front shirt.
  • Sew House Seven — Toaster Sweater 2: technically a knit sweater but uses similar construction.
  • Helen’s Closet — Yanta Overalls: includes button-front bib construction.

A relaxed-fit pattern is significantly easier than a tailored shirt. The relaxed fit accommodates fitting imperfections that would be visible in a fitted shirt.

Materials

Fabric

  • Quantity: 2.0–2.5 metres of 110 cm (44-inch) wide fabric, depending on size and length. Check pattern’s specific yardage.
  • Type: medium-weight cotton (poplin, voile, broadcloth), linen, chambray, or lightweight denim. Avoid stretchy fabric for first attempts.

For more on fabric selection, see our complete fabric types guide.

Notions

  • Buttons: typically 6–10 buttons depending on length. Standard size 14 mm (1/2 inch) or 18 mm (3/4 inch).
  • Interfacing: lightweight fusible interfacing for the collar, button band, and cuffs (if applicable).
  • Thread: all-purpose polyester in a coordinating colour.

Tools

  • Sewing machine with buttonhole capability.
  • Buttonhole foot for your machine.
  • Universal needle, size 80/12 (90/14 for denim).
  • Pins, sewing clips, marking pens, iron, ironing board.

For broader tooling, see our essential sewing tools guide.

Time

A first button-front shirt: 8–15 hours of focused work, often spread across several sessions. The first one takes longer; the second is significantly faster.

Pre-treating fabric

Wash and dry the fabric the way you’ll launder the finished shirt. Cotton shrinks 3–5%; linen can shrink more. Pre-treatment is essential — a shirt that fits before washing and shrinks 5% afterward is unwearable.

For more, see our pre-treating fabric guide.

Make a muslin

For a first button-front shirt, a muslin is strongly recommended. The shirt has fit-critical points (shoulders, bust, neckline) where small adjustments make a big visible difference.

Our muslin guide covers the technique. Even a quick muslin (just the bodice without sleeves or details) reveals the major fit issues before you cut your real fabric.

Cutting

A button-front shirt has more pattern pieces than most beginner garments. Typical pieces:

  • Front (cut 2): usually with a button band along one or both edges.
  • Back (cut 1 on fold): or 2 with a centre back seam.
  • Sleeves (cut 2): usually with cuffs at the bottom.
  • Collar pieces: collar, collar stand (sometimes one piece).
  • Cuffs (cut 2).
  • Plackets (cut 2): small pieces for the sleeve plackets, on patterns that have proper plackets. Boxy beginner shirts sometimes skip plackets.
  • Pocket (cut 1): optional patch pocket.

Cut accurately — see our accurate cutting guide.

Apply fusible interfacing to the collar pieces, button band, and cuffs as the pattern instructs.

Construction overview

A typical order:

  1. Sew the shoulder seams.
  2. Construct the collar.
  3. Attach the collar to the neckline.
  4. Sew or apply the button band (front placket).
  5. Set in the sleeves.
  6. Sew the side and underarm seams.
  7. Apply the cuffs (or hem the sleeves).
  8. Hem the body.
  9. Make buttonholes.
  10. Sew on buttons.

The order varies slightly by pattern. Follow yours.

Step 1: Shoulder seams

The simplest first step. Sew the front pieces to the back at the shoulder seams, right sides together, with 1.5 cm seam allowance. Press to one side or open.

For a more durable shoulder, use a flat-felled seam (the kind seen on jeans inseams) — sew the seam, trim one allowance shorter, fold the wider one over the trimmed one, and topstitch from the right side. More work, more durable.

Step 2: Collar construction

The collar is two pieces (or sometimes one with a fold), interfaced and sewn into a structured shape.

For a flat collar (no collar stand)

  1. With right sides together, sew the two collar pieces along three sides — the outside curve and the two short ends. Leave the long inner edge open.
  2. Trim corners diagonally and notch the curved seam allowance (see our sewing curves accurately guide).
  3. Turn right-side out. Push corners out fully with a chopstick.
  4. Press flat.
  5. Topstitch around the three finished edges, about 5 mm from the edge.

For a collar with a stand

The stand is a small strip that the collar attaches to and that itself attaches to the neckline. Construction is similar but with two component pieces. Follow the pattern’s specific instructions.

Step 3: Attach the collar to the neckline

This is where many beginners struggle. The collar’s long inner edge attaches to the curved neckline.

Method (simplified for flat collar)

  1. Pin the collar to the neckline edge with right sides together. The collar’s centre back should align with the bodice’s centre back.
  2. Stay-stitch the neckline first (see our sewing curves guide).
  3. Sew with a 1.5 cm seam allowance.
  4. Press the seam allowance toward the bodice (down).
  5. The collar now stands away from the bodice — when you wear the shirt, it falls naturally over the neckline.

For a collar with a stand, the technique is similar but the stand is sewn to the neckline first, then the collar is attached to the stand. Patterns walk through this carefully.

Step 4: Button band (front placket)

Most patterns include a self-fabric button band sewn into the front edges. Some patterns include the button band as part of the front piece, requiring only a fold.

If the band is sewn-on

  1. Pin the band to the front edge with right sides together.
  2. Sew with the specified seam allowance.
  3. Press the seam toward the band.
  4. Fold the band over to the inside, encasing the seam allowance.
  5. Topstitch from the right side, close to the inner fold edge.

If the band is part of the front piece (fold-back)

  1. Press the front edge along the indicated fold lines.
  2. Fold inward and topstitch to secure.

The button band is what gives the shirt its structure along the centre front. Make sure the band is straight and consistent in width.

Step 5: Set in the sleeves

For a relaxed-fit shirt, sleeves are typically set in flat (with the side seam open):

  1. With the bodice opened flat (shoulders sewn but sides not), pin the sleeve cap to the armhole, matching the centre of the sleeve cap to the shoulder seam.
  2. Distribute any ease evenly along the curve.
  3. Sew with the specified seam allowance.
  4. Repeat for the other sleeve.

For a fitted shirt, the sleeves are set in after the side seams are sewn (a more challenging technique). Beginner patterns use the flat method.

For more on sewing sleeves, see our sewing curves accurately guide.

Step 6: Side and underarm seams

In one continuous seam:

  1. Fold the shirt right sides together along the shoulder line.
  2. Pin from the cuff edge of the sleeve, down the underarm seam, across the underarm point, and down the side seam to the hem.
  3. Sew with a 1.5 cm seam allowance.
  4. Backstitch at the underarm point.
  5. Press the seams open.

Step 7: Cuffs (or sleeve hems)

For shirts with cuffs:

Method (simplified)

  1. Fold the cuff in half lengthwise (right sides together) and sew the short ends.
  2. Turn right-side out. Press.
  3. Pin one long edge of the cuff to the bottom of the sleeve, right sides together.
  4. Sew with the specified seam allowance.
  5. Fold the cuff over to the wrong side, encasing the seam allowance.
  6. Topstitch from the right side, close to the inner fold edge.

For shirts without cuffs (rolled-up casual style):

  1. Hem the sleeves with a double-fold hem (1 cm fold + 2 cm fold + topstitch).

Step 8: Hem the body

A standard double-fold hem:

  1. Fold the bottom edge up by 1 cm. Press.
  2. Fold up another 2 cm. Press.
  3. Pin in place.
  4. Sew along the bottom of the fold.

Some shirts have curved hems (longer at back than front). Use a slight bias-bound hem or rolled hem for tight curves. Our sewing curves accurately guide covers curved hems specifically.

Step 9: Make buttonholes

The pattern marks button positions. For each button, make a buttonhole through the button band on the front piece.

Method

  1. Mark each buttonhole position carefully on the right side of the front button band, using a fabric pen.
  2. Set up your machine for buttonholes — automatic buttonhole foot (place the button into a holder on the back of the foot, and the machine sizes the buttonhole automatically).
  3. Sew each buttonhole carefully, following the machine’s buttonhole instructions.
  4. After sewing, slit the buttonhole open with a small seam ripper. Place pins at each end of the buttonhole to prevent over-cutting.

For more on the buttonhole foot, see our common presser feet reference.

Common buttonhole problems

  • Buttonholes too small or too large: re-test on scrap before committing.
  • Buttonholes wandering off-line: use a buttonhole foot guide (some feet have an attachable guide) or pin a thin ruler alongside the line.
  • Cut through the buttonhole stitching: slit very carefully with the seam ripper; use pins as stops.

Step 10: Sew on buttons

For each button:

  1. Place the button at the corresponding marked position on the opposite front piece.
  2. Sew it on by hand (using a needle and 4–6 strands of thread) or by machine (using a button-sewing foot with feed dogs dropped).
  3. For a more professional look, leave a small “shank” (a 2–3 mm gap of thread between the button and the fabric) so the button has room to seat properly through the buttonhole.

For hand-sewing, use a backstitch through several strands of thread, criss-crossing through the button holes 4–6 times. Tie off securely.

Common button-front shirt problems

Collar doesn’t lie flat

The collar was attached unevenly, or the collar stand is misaligned. Often fixable by re-sewing the collar attachment seam.

Buttonholes don’t line up with buttons

Mark all positions carefully before sewing. Use a long ruler.

Buttonholes are uneven sizes

Always sew with the same buttonhole settings — don’t adjust mid-shirt. Test on scrap first.

Sleeves pull or strain

Possibly fitting issue. Compare to the muslin you (hopefully) made. The shoulder line might need to be moved forward or back.

Hem ripples on curved hems

Use the curved hem techniques (bias binding or careful easing) covered in our sewing curves accurately guide.

What to make after a button-front shirt

The button-front shirt opens up many garments:

  • Shirtdress: a longer version of the same shirt, becoming a dress.
  • Tunic top: a shorter, looser version.
  • Pyjama top: matched to your pyjama pants, sewn from soft cotton.
  • Linen blouse: same construction in linen for summer wear.
  • Bias-cut blouse: same shape, cut on the bias for added drape.

A button-front shirt also unlocks understanding for:

  • Tailored dress shirts (with proper sleeve plackets, collar stands, and back yokes).
  • Blazers and jackets (which add lining and fitting but use similar construction).

For where this fits in the beginner-to-advanced path, see our 25 beginner sewing projects path — the boxy button-front shirt is project 17.

Closing thought

A button-front shirt is the project where home sewing starts feeling like real garment construction. Every step requires care; every detail (collar, placket, buttonholes) can go wrong; the result is a garment that’s instantly recognizable as something you made.

The first button-front shirt is rarely perfect. The collar might not sit quite right; one buttonhole might be slightly off. That’s normal. The second one is significantly better. The third looks almost professional.

For the broader skills this builds on, see our complete beginner’s guide to sewing and our pattern fit adjustments guide — both apply to button-front shirts as much as to any garment.