Photo to technical flat sketch: drawing a garment flat by hand and with AI

Flat sketch vs. technical drawing vs. fashion illustration

A technical flat is a black-and-white drawing of how a garment is built, front and back, laid flat rather than worn. A pattern maker or factory should be able to read the cut, seams and closures from it.

A fashion illustration sells a mood instead. When you draw a flat from a photo, leave the pose, lighting and wrinkles out.

The terms overlap in everyday use; a common split is that a flat becomes a technical drawing once measurements and construction notes are added.

What makes a good flat sketch?

Quick test: could someone who has never seen the garment sew it wrong from your drawing? Check these basics.

• Front and back views at the same scale, side by side.
• Symmetry. Draw one half and mirror it; make any asymmetry obvious.
• Realistic proportions. Length, sleeve, collar width and pocket placement close to the real garment.
• Seams and stitching. Solid lines for seams, dashed for topstitching, two parallel dashed lines for double topstitching.
• Darts, pleats and gathers with clear start and end points.
• Closures: zippers, buttons, snaps or ties, with their number and position.
• Line weight. A heavier outline, lighter interior lines, so it reads when scaled down.
• No shading or color. Color and print go on a separate color card.

How to draw a technical flat by hand or in vector software

Whether you trace a photo or start from scratch, use pencil and paper or a vector program like Adobe Illustrator or the free Affinity and Inkscape, often over a flat body template so every piece shares one scale.

1. Set a center line and guides

   Draw a vertical center line plus horizontal guides for shoulder, chest, waist, hip and length.

2. Draw one half

   Outline the shoulder, armhole, sleeve, side seam and hem. Working from a photo? Trace over it on a semi-transparent layer.

3. Mirror and join

   Mirror the half across the center line, then add asymmetric details like a single chest pocket.

4. Add interior details

   Place the collar, cuffs, pockets, darts, pleats, zipper and buttons in a lighter line; seams solid, topstitching dashed.

5. Draw the back view

   Copy the front, keep the silhouette, and redraw the neckline (usually higher at the back) and interior: center back seam, darts, pockets.

6. Add callouts

   Note fabric, stitch type and topstitch spacing outside the drawing. Measurements go in the tech pack.

Start with the right photo for a technical flat sketch

The photo sets the ceiling: by hand or with AI, nobody can reliably guess a detail it doesn't show. Look for:

• A straight-on front view. Angled shots distort proportions.
• A hanger or flat-lay shot, not a runway photo where fabric folds hide details.
• Even light. A hard shadow can read as a seam.
• A plain background, so the outline stays clear.
• Enough sharpness to make out seams, pockets and closures.
• A separate back photo if you need the back view.

Your own sample is the safest start. Not sure what to draw? See the fashion trend analysis guide. Using another brand's product? See the copying section.

What AI can and cannot draw from a photo

AI turns a garment photo into a clean drawing quickly, handy for putting many references in one style. But it draws what it sees and guesses the rest: an interpretation, not a measured drawing.

AI gets you past the blank page; the final call stays with you.

Step by step in Stiloir: photo to sketch, sketch to SVG

In Stiloir this happens on a board. The app works in English and Turkish; tool names below are the English ones.

1. Add the photo to a board

   Put a photo you shot, or may use, on a web board.

2. Run Photo to sketch

   Select the photo, press AI / Transform in the bottom bar or right-click, and pick Photo to sketch. The black-and-white raster drawing keeps the photo's angle and pose; it won't straighten the garment into a symmetrical flat.

3. Compare it with the photo

   It lands next to the photo. Check it with the list below; if it's weak, retry with a sharper, straight-on photo. Each new result uses credits; failed attempts are refunded.

4. Convert it to SVG

   Select the drawing and use Convert drawing to SVG. No AI, no credits: it traces the lines into vectors, not separate garment parts. Add it with “Add to the board as a separate item”; it lands as a vector group.

5. Export

   Select only the vector drawing and choose Editable SVG from the Download menu; only selected items export. PNG and a one-page PDF (not a tech pack) are there too.

Check the result: back view, pocket placement, stitch lines

Run every flat, from AI or a colleague, through this checklist before sampling.

• Do the button, pocket, dart and pleat counts match the photo?
• Are pocket openings, collar points and the hem at the right height?
• Is the sleeve-to-body length ratio close to the photo?
• Are paired details symmetrical, and is any asymmetry also in the photo?
• Was a line invented, or a fabric wrinkle drawn as a seam?
• Is the back view from a photo or a guess? Note any guess on the drawing.

Small fixes work in the SVG; for a new collar or different line weights, redraw that part.

The other direction: from sketch to realistic image

Sometimes you need the reverse: a sketch as a real garment. Select it on the board, choose Sketch to Real, optionally add a fabric sample, and AI renders a realistic image at the same credit tiers.

It helps pitch an idea to a buyer or client but doesn't guarantee the real drape or color. For colorways you can rely on, see the collection color palette guide.

Where the flat sits in a tech pack, and what your pattern maker owns

A tech pack holds everything a factory needs to sew the sample; the flat usually sits up front but isn't the whole thing.

An AI flat covers only the first row. Measurements, pattern, grading and sample approval belong to your pattern maker; hand the drawing over as a clean start.

Put your flats on a range board

Flats pay off when you see the whole collection at one scale: gaps in a product group, near-twins or a lopsided color spread jump out.

• Sort pieces by product group: tops, bottoms, dresses, outerwear.
• Put colorway swatches under each flat.
• Keep flats traced from references apart from your own designs.
• Note fabric, price range or customer next to each piece.

Stiloir's web board templates include Collection, Range and Color and material. To spread colors across the range, see the collection color palette guide; to set the mood, the fashion mood board guide, or browse all guides.

References and copying: don't reproduce someone else's product

A flat traced from a photo isn't your design. Copying another brand's product as is can infringe design and trademark rights, and the photo has an owner too. Good uses:

• Archiving your own samples and past styles.
• Studying a construction detail, like a collar, and adapting it to your design.
• Talking through a reference with a client or factory, then drawing your own version.

The more you rebuild the silhouette, details and proportions in your collection's own language, the further the drawing moves from the reference. Unsure? Ask a lawyer; this guide isn't legal advice.