---
title: Pattern guide
order: 200
for: contributors
icons: 
  - blocks
  - pattern
about: |
  Learn about the main building blocks that make up a FreeSewing pattern
goals:
  - 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 illustration is a good starting point to gain a better 
understanding of the structure of a FreeSewing pattern:

<Example 
  part="docs_overview" 
  caption="A schematic overview of FreeSewing"
/>

As you learn more about FreeSewing, you'll discover that there's more
to this picture than meets the eye. So let's get started.

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

<Note>

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 text.

</Note>

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

<ReadMore list />