52 lines
1.3 KiB
Markdown
52 lines
1.3 KiB
Markdown
|
---
|
||
|
|
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 />
|
||
|
|
|
||
|
|
|