freesewing/markdown/dev/guides/patterns/en.md

title	order	for	icons	about	goals
How patterns work	200	contributors	blocks pattern	Learn about the main building blocks that make up a FreeSewing pattern	Learn about points Learn about paths Learn about snippets Learn about parts Learn about the pattern configuration Learn about the pattern store Learn about the pattern itself

This short guide will illustrate and explain how patterns work in FreeSewing. Not to be confused with how sewing pattern work — although there's great books about that if you're interested — it's about what goes on under the hood each time a sewing pattern is generated by FreeSewing.

This illustration is a good starting point to gain a better understanding of the structure of a FreeSewing pattern:

If we look at our image, it can can divided into three areas:

• The left area with the settings box
• The middle area with the Pattern box and everything in it
• The right area with the draft box and the SVG and React logos

Let's take a closer look at everything that is contained within our central Pattern box:

The left and right parts are all about how to integrate FreeSewing in your frontend. In other words, how you'll plug it into your website, or online store, or a mobile application.

That part is outside the scope of this guide.