1
0
Fork 0
freesewing/sites/dev/docs/tutorials/pattern-design
Benjamin Fan dcf7c0412b fix(dev): v4 tutorial setup changes (#278)
Changes to tutorial documentation:
1. Changed instances of `yarn` to `npm`. Remove references to installing `yarn`.
2. Changed instances of `@freesewing/new-design` to `@freesewing/studio`.
3. Changed instances of "lab" to "development environment" and `npm run lab` to `npm run org`.
4. Changed instances of Node v18.17.0 to v20.19.1. ~(I think I might have missed it in one spot. I'll submit a future PR for it.)~

I did not touch the Getting "Started with Vercel" and "Getting Started with Codespaces" tutorials. I need to take a closer look at these to see if they are still relevant or if we might want to remove them.

Co-authored-by: Benjamin Fan <ben-git@swinglonga.com>
Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/278
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-18 09:32:33 +00:00
..
part1 fix(dev): v4 tutorial setup changes (#278) 2025-05-18 09:32:33 +00:00
part2 feat: Add various content types to docusaurus (#7231) 2024-11-18 11:05:16 +01:00
part3 feat: Add various content types to docusaurus (#7231) 2024-11-18 11:05:16 +01: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.