Online Automatic Pattern Generator

I have previously released a Inkscape extension that can automatically generate patterns from shapes drawn, such as bag side panels. Not everyone has access to or uses Inkscape, so I’m working on bringing that key functionality to an online tool. Nearly instant patterns for backpacks, bike bags (frame bags, top tube bags etc) and more.

Work in progress! Might have some bugs. Test with a paper model or scrap fabric before committing to your expensive materials.


Want to support development of more free tools?

Please donate via Paypal or Ko-fi or purchase a random pattern from this website

These free tools take up a significant amount of my limited personal time so any support is appreciated 🙂

Buy Me a Coffee at ko-fi.com

Start Drawing!

Drawing Canvas Setup
px













Set the Scale


or use a line segment to scale from





Pattern Options and Generation









Save/Load Project

3D View

Instructions:

Draw your shape by left mouse clicking or tapping on the canvas. Where you want a split/new pattern piece in the gusset (perimeter side loop) right click. Split points are shown with red markers. On mobile you can make them red split points after the shape is completed.

Add seam allowance by pressing enter or click the Finish Shape/Add Seam allowance button to complete the shape. A helpful 3D view also appears! You can adjust the seam allowance in the pattern generation options

Edit the shape after the seam allowance has been added by clicking and dragging points, or tapping and dragging.

Add red split points on desktop by right mouse clicking any point. On mobile, tap any point.

Delete points by right clicking once to turn to a red split point, then click again to delete. Mobile, tap to turn to red, then tap again to delete

Add new points by tapping/clicking anywhere along a line segment

Scaling is adjusted by either specifying the actual real world dimensions of each grid square, or chosing a line segment and specifying the known length of that segment

Background image for tracing is added by clicking the browse button, and opacity can be adjusted. If the background image has wonky perspective, please use my free perspective correction tool before tracing. No images are uploaded to me, this all runs locally on your device.

Pattern Generation: Specify how wide you want the bag to be (use the 3D view to visualise) and the seam allowance, then click Generate Pattern (or type P).

You will now have a automatically generated pattern, ready to cut out and sew!

Made something cool? I’d love to see. Feel free to share your creations via the social links at the top of the page or the contact form.

Printing and Assembling:

Patterns must be printed at 100% or “Actual Size” or equivalent in your printer settings. Cut along the borders and tape the borders together.

Known quirks:

  • Likely has bugs. Test whatever you generate with a paper model or scrap fabric before committing to fabric.
  • You can draw whatever, but doesn’t mean you can sew it. For example, patterns with sharp inwards corners you will struggle to sew. Again, test on scraps before fully committing.
  • Linear segments only currently. I might look into curved corners and beziers in the future. For now, just draw lots of points to simulate curves, and move the points if you need to adjust them.
  • Wide gussets (wider than the paper width) aren’t tiled.

Changelog:

28 Nov 2024: User interface improvements, instructions added.

17 Nov 2024:

  • Gusset piece dimensions listed in the PDF so you don’t have to print the pages
  • One single PDF generated for the entire project

9 Nov 2024: Fixed bug when generating patterns with gussets larger than page width that caused freezing

6 Nov 2024: 3D view to help visualise your project

Show older changelog

4 Nov 2024 –

  • Page orientation now auto-calculated in the drawn polygon PDF to be paper efficient.

3 Nov 2024 –

  • Fixed bug so resizing the canvas now keeps points relative to background image.

2 Nov 2024 –

  • Added saving and loading your pattern. NOTE: this generator is a work in progress and your save files might stop working in the future as new features are added

1 Nov 2024 –

  • Better seam allowance algorithm and alignment lines.
  • Choice of canvas sizes for more accurate drawing around images.
  • Should be more mobile friendly now. Best to rotate your screen landscape as you currently cant scroll side to side to see more of the canvas

24 Oct 2024 –

  • Add background image
  • Scale any segment to known length. Much easier than manually tweaking grid size to get the dimensions you require for the background image.
  • Cutting border and overlap in generated PDFs instead of aligning page edges

22 Oct 2024 – Multiple gussets on a sheet to save paper

21 Oct 2024 – Last point of gusset is now also labelled.
Added A0 and A3 paper sizes

12 Oct 2024 – Quickstart message, ability to add extra points and remove them

12 Oct 2024 – Labelling of angles and every segment length

10 Oct 2024 – First release