2021-10-17 18:26:00 +02:00
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
title: Pattern design tutorial
|
2021-10-17 18:26:00 +02:00
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
Welcome to the FreeSewing pattern design tutorial, where you'll learn how to
|
|
|
|
design a made-to-measure sewing pattern, start to finish.
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
You will be designing a pattern for a baby bib. It's a very simple pattern, but
|
|
|
|
that's the point. Your focus today is on learning FreeSewing and how to
|
|
|
|
translate your designs into code.
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
At the end of this tutorial, you will have created this pattern:
|
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
<Examples part="tutorial.step11">Your end result</Examples>
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2022-02-19 08:04:25 +01:00
|
|
|
Before we can get started, let's make sure you have the required software
|
2021-08-25 16:09:31 +02:00
|
|
|
installed on your computer:
|
|
|
|
|
|
|
|
## Prerequisites
|
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
FreeSewing is a JavaScript library that can run in the browser, on
|
|
|
|
[Node.js](https://nodejs.org/), or a variety of other runtimes such as Deno,
|
|
|
|
AWS Lambda, and so on.
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
For development, we'll use NodeJS. If you don't have Node.js on your system,
|
|
|
|
follow the link above and install it on your system.
|
|
|
|
|
|
|
|
<Tip compact>You need NodeJS 16 or higher to use FreeSewing</Tip>
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
When you're done, you can test whether it works by running:
|
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
```sh
|
2021-08-25 16:09:31 +02:00
|
|
|
node -v
|
|
|
|
```
|
|
|
|
|
|
|
|
If you get the node version number, you're all set.
|
2021-11-27 17:40:53 +00:00
|
|
|
|
2022-10-04 23:36:08 +02:00
|
|
|
You can find the complete code of the tutorial pattern for the final result to
|
|
|
|
help make sure you're following the steps correctly [here on
|
|
|
|
GitHub](https://github.com/freesewing/freesewing/blob/develop/designs/tutorial/src/bib.mjs).
|