Modules Tab

The Modules tab (/studio/modules) manages your reusable pattern components.

What Are Modules?

Modules are reusable pattern components you can drag into any pattern. Think of them as building blocks—create a strap, pocket, or panel once, then use it across multiple patterns.

Key Benefits:

• Create once, reuse everywhere
• Update the module and optionally sync changes
• Organize with folders
• Share with the community

Module Cards

Each module card displays:

• Thumbnail: Preview image of the module shapes
• Name: Module title (click to open)
• Last Updated: When the module was last modified
• Globe Icon: Blue icon if published to community or added from community

Creating a New Module

Step-by-step:

1. Click the + New Module card
2. An empty module opens in the editor
3. Draw shapes just like in a normal pattern
4. Your changes auto-save as you work

Alternative: Convert from Pattern

You can also create modules by converting groups in your patterns:

1. Open a pattern in the editor
2. Select pieces you want to convert
3. Group them together
4. Right-click the group → Convert to Module
5. The group becomes a module in your library

Opening a Module

• Click anywhere on the module card
• The module opens in the editor
• Edit shapes, seam allowances, and settings
• Your changes auto-save

Module Card Menu

Click the three-dot menu () on any module card for options:

Option	Description
Open	Open the module in the editor
Duplicate	Create a copy of the module
Move to Folder	Organize into a folder
Publish to Community	Share with other users
Delete	Permanently remove the module

Duplicating a Module

1. Click menu → Duplicate
2. A copy is created with "(copy)" suffix
3. The duplicate appears in your modules list

Moving to a Folder

1. Click menu → Move to Folder
2. Select a destination folder, or choose "No Folder (Root)" to unfolder
3. The module moves to the selected location

Publishing to Community

1. Click menu → Publish to Community
2. Add a description (optional)
3. Agree to the Community Guidelines
4. Click Publish
5. A blue globe icon appears on the card

Note: You cannot publish modules that were added from the community (replicated modules).

Deleting a Module

1. Click menu → Delete
2. Confirm the deletion
3. Warning: This cannot be undone

Organizing with Folders

Keep your modules organized with folders.

Creating a Folder

1. Click the New Folder button in the toolbar
2. Enter a folder name
3. Click Create

Managing Folders

Click the action buttons that appear on hover:

Icon	Action
	Rename the folder
	Delete the folder

Note: Deleting a folder moves its modules back to the root level (they are not deleted).

Navigating Folders

• Click a folder card to view its contents
• Click the back button to return to root

Searching Modules

1. Use the search bar at the top of the page
2. Type part of the module or folder name
3. Results filter in real-time as you type
4. Clear the search to see all items

Sorting Modules

Click the Sort dropdown to choose:

Sort Option	Description
Date	Most recently updated first (default)
Title	Alphabetical order (A-Z)

View Modes

Toggle between two display modes:

Mode	Description	Best For
Grid View	Visual card layout	Desktop, browsing
List View	Compact list format	Mobile, many modules

Using Modules in Patterns

Once you have modules, you can use them in any pattern.

Dragging Modules onto Canvas

Step-by-step:

1. Open a pattern in the editor
2. Open the Layers sidebar (left side)
3. Expand the Modules section at the bottom
4. Find the module you want to use
5. Drag and drop the module onto the canvas
6. Position the module instance where you want it

Module Instances

When you drop a module onto a pattern, you create a module instance:

• Each instance is linked to the original module
• You can have multiple instances of the same module
• Instances can be moved and positioned independently
• Changes to the original module can be synced to instances

Selecting Module Instances

• Click on a module instance to select it
• Selected instances show a bounding box
• Use the move handle to reposition

Module Instance Limitations

• Module instances cannot be directly edited in the pattern
• To modify shapes, edit the original module
• Instances maintain their link to the source module

Nested Modules

Modules can contain other modules:

• Drag module A into module B
• When you use module B, module A is included
• Useful for complex assemblies

Restriction: A module cannot contain itself (circular reference prevention).

Community Modules

Adding Community Modules

1. Browse the Community page
2. Find a module you like (marked with icon)
3. Click the + button to add it to your library
4. The module appears in your Modules tab with a globe icon

Using Added Modules

• Community modules work just like your own modules
• Drag them into any pattern
• They appear in your Layers sidebar

Differences from Your Modules

Feature	Your Modules	Community Modules
Edit	✅ Yes	❌ No (read-only)
Duplicate	✅ Yes	✅ Yes
Publish	✅ Yes	❌ No
Use in Patterns	✅ Yes	✅ Yes

Infinite Scroll

• Modules and folders load automatically as you scroll down
• No need to click "Load More"
• Smooth browsing experience for large libraries