Start the development environment

FreeSewing provides a development environment to help you design and develop patterns.

There are two ways to run this development environment:

Monorepo development

Run yarn lab to start the development environment:

Bash prompt
yarn lab

Then point your browser to http://localhost:8000


Adding a new design

This is all you need to work on existing designs. If you’d like to add a new design, run:

Bash prompt
yarn new design

Just make sure to re-start the lab afterwards with yarn lab

Stand-alone development

You will have a new folder that has the name you picked for your design. If you chose test, you will have a folder named test. If you chose banana, you’ll have a folder named banana. (Within this new folder, the design subfolder holds your design’s configuration file and source code. You can ignore all other subfolders and files; they are part of the development environment.)

To start the development environment, enter the folder that was created and run yarn dev (or npm run dev if you’re using npm as a package manager).

Then open your browser and go to http://localhost:8000


The development environment will watch for any changes you make to the pattern’s source code or configuration. When you do, it will update automatically in your browser.

Yay, you’re done!

All you have to do now is design your pattern. Thankfully, we have a tutorial for that too: