1
0
Fork 0
freesewing/sites/dev/docs/tutorials/pattern-design
Benjamin Fan af0dcc9784 fix(tutorials): Revert incorrect example code formatting (#363)
This PR essentially reverts the incorrect `lint`/`prettier` changes applied to `<Example>` code in the Pattern Design tutorial by the husky pre-commit hook, the problem mentioned in Issue #333.

This is not a full fix. Changes are also needed in the Reference Core API docs. However, I'd like to file these as separate PRs to avoid confusion since there are a lot of files.

Co-authored-by: Benjamin Fan <ben-git@swinglonga.com>
Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/363
Reviewed-by: Joost De Cock <joostdecock@noreply.codeberg.org>
Co-authored-by: Benjamin Fan <benjamesben@noreply.codeberg.org>
Co-committed-by: Benjamin Fan <benjamesben@noreply.codeberg.org>
2025-05-19 08:05:49 +02:00
..
part1 fix(dev): v4 tutorial setup changes (#278) 2025-05-18 09:32:33 +00:00
part2 fix(tutorials): Revert incorrect example code formatting (#363) 2025-05-19 08:05:49 +02:00
part3 fix(tutorials): Revert incorrect example code formatting (#363) 2025-05-19 08:05:49 +02:00
readme.mdx fix(dev): v4 tutorial setup changes (#278) 2025-05-18 09:32:33 +00:00

---
title: Pattern design tutorial
---

Hello there, and welcome to this FreeSewing pattern design tutorial.
My name is Joost, and in this tutorial I will show you
how to design a bespoke sewing pattern, start to finish.

This tutorial is divided into three parts, allowing you to speedrun or entirely
skip certain parts depending on your interests or prior experience:

## Part 1: Prerequisites

The first sections of this tutorial, [Part 1](/tutorials/pattern-design/part1),
deals with the prerequisites. Installing node, setting up the FreeSewing
development environment on your system, and so on. If you are familiar with
the JavaScript ecosystem, I can summarize that entire section in this one-liner
that sets up the FreeSewing development environment on your system:

```sh
npx @freesewing/studio
```

## Part 2: Parametric design

In [Part 2](/tutorials/pattern-design/part2) I will show you how to design a
parametric sewing pattern with FreeSewing. We'll create a part, add a bunch of
points, draw lines and curves, and so on.
All the basic skills required to create a sewing pattern in code.

This is probably a part you do not want to skip, unless you have prior
experience with FreeSewing and are looking for a refresh on some of the more
advanced features covered in the next section.

## Part 3: Beyond the basics

There is more to FreeSewing patterns than meets the eye, and in [Part
3](/tutorials/pattern-design/part3) I will cover some of the ways you can add
further value to your designs.

This includes things like translation, supporting laser cutters, avoiding the
need to printing with so-called _paperless patterns_, as well as how you can
configure your pattern to integrate with FreeSewing.org, or your own
frontend.

You can follow this tutorial start to finish, or skip ahead and back, the
choice is yours.