01. Getting Started
What is the Layout Optimizer?
The Layout Optimizer is a professional cutting optimization tool designed to maximise the efficiency of cutting operations by minimising material waste with instantly optimized layouts.
Who it's for:
- Upholsterers: Optimize fabric cutting for furniture projects
- Woodworkers: Minimize plywood and timber waste
- Manufacturers: Streamline production cutting operations
Key Benefits:
- Cost Savings: Reduce material waste by up to 30%
- Time Efficiency: Instant layout optimization vs manual planning
- Professional Output: Generate cut lists and workshop documentation
Understanding the Interface
When you first open the Layout Optimizer, you'll see these main areas:
Header Navigation
- Job Selector: Dropdown showing current job (starts with "#000 - Template Job")
- Page Navigation: Links to Layout Optimizer, Job Manager, Documentation
- Settings Icon: Access display and theme options
- Menu Icon: Mobile navigation menu
Main Layout Area (Centre)
- Material Visualization: Shows your base material as a rectangle
- Panel Placement: Individual pieces arranged on the material
- Scale Controls: "Scale to Fit Width" and "Scale to Fit Length" buttons
- Efficiency Display: Shows material utilization percentage
Left Sidebar (Top) - Base Material Settings
- Material Preset: Dropdown (Fabric, Plywood, Foam)
- Width/Length: Material dimensions in cm or mm
- Kerf: Cutting blade width compensation
- Grain/Stripe: Pattern orientation selector
- Units: Switch between cm and mm
Left Sidebar (Bottom) - Cut-List
- Panel Groups: Standard Panels, Box Cushion, Bolster
- Add Controls: "Add Panel" button and "Add Group" dropdown
- Panel Entries: Width, Length, Quantity fields for each piece
- Visibility Toggles: Eye icons to hide/show panel groups
Left Sidebar Action Controls
- Optimize Layout: Main optimization button
- Update Length: Recalculate material length from current positions
- Export Options: Generate PDF and CSV files
Core Concepts
Before creating your first layout, understand these essential concepts:
Jobs
- Definition: A complete project containing all cutting requirements for a single material
- Contents: Client details, material settings, cut-list, optimized layout
- Auto-saving: Changes save automatically to your device
- Job IDs: Unique identifiers like #001, #002, etc.
Base Material
- Purpose: The raw material you're cutting (sheet, roll, board)
- Key Properties: Width, length, kerf (blade width), grain direction
- Dynamic Length: Can auto-calculate based on panel arrangement
Cut List
- Definition: All the pieces you need to cut for your project
- Organization: Grouped by type (Standard, Box Cushion, Bolster)
- Properties: Each panel has name, width, length, and quantity
- Instances: Multiple quantities create separate draggable pieces
Layout
- Purpose: The arrangement of panels on your base material
- Visualization: Shows exactly how to cut your material
- Interactive: Drag panels to reposition manually
- Optimized: Algorithm finds the most efficient arrangement
Optimization
- Automatic: Computer calculates best panel arrangement
- Goal: Minimize waste while fitting all required pieces
- Constraints: Respects material boundaries and cutting blade width
- Manual Override: You can adjust the computer's suggestions
Your First Job - Step by Step
Let's create your first optimized layout using a simple upholstery example.
Step 1: Start with the Template Job
- Open the Layout Optimizer in your web browser
- Notice the header shows "#000 - Template Job" - this is your starting point
- Look at the layout area - you'll see the template already has some panels arranged
Note: The template job provides example data so you can immediately see how the optimizer works.
Step 2: Set Your Project Details
- Click the dropdown in the header that shows "#000 - Template Job"
- Select "Job Manager" from the menu
- Click "Create Job" button to start a new project
- Fill in your project details:
- Client Name: "Smith Family"
- Project Name: "Dining Chair Cushions"
- Job Description: "4 seat cushions for dining chairs"
- Start Date: Today's date
- Due Date: One week from today
- Click away from the form - changes save automatically
- Return to Layout Optimizer using the header navigation
Step 3: Configure Your Material
For this example, we'll use upholstery fabric:
- Check the Material Preset dropdown (left sidebar) - select "Fabric (Roll)"
- Verify the settings are:
- Width: 140 cm (standard fabric width)
- Length: Will calculate automatically
- Kerf: 0 (no cutting blade width for fabric)
- Stripe/Grain: Stripe 45° (for pattern matching)
- Units: cm
Why these settings?: Upholstery fabric typically comes in 140cm width rolls. Unlike woodworking, there's no saw blade to account for (kerf = 0). The 45° stripe ensures pattern consistency.
Step 4: Clear the Existing Panels
- Look at the Cut List (left sidebar bottom)
- Delete existing panels by clicking the "×" button on each panel entry
- Continue until the cut list is empty
Note: We're starting fresh so you can learn the complete process.
Step 5: Add Your First Panel
- Click "Add Panel" button (left sidebar)
- Enter dimensions for your first cushion:
- Panel Name: "Seat Cushion Top"
- Width: 50 cm
- Length: 45 cm
- Quantity: 4 (four identical cushions)
- Press Tab or Enter to confirm each entry
Step 6: Add a Second Panel Type
- Click "Add Panel" again
- Enter dimensions for the bottom pieces:
- Panel Name: "Seat Cushion Bottom"
- Width: 50 cm
- Length: 45 cm
- Quantity: 4
Step 7: Run Optimization
- Click "Optimize Layout" button (bottom of left sidebar)
- Watch the optimization happen - panels will rearrange automatically
- Check the efficiency percentage displayed in the layout area
- Notice the material length has been calculated automatically
Step 8: Understand Your Result
Look at the layout visualization:
- Green rectangles: Your panels arranged on the material
- Material outline: Shows the fabric dimensions needed
- Efficiency %: How much of the material is being used (higher is better)
- Length calculation: Total fabric length required
Check the cut list:
- 8 total pieces: 4 tops + 4 bottoms
- Individual instances: Each quantity creates separate draggable pieces
- Panel details: All dimensions clearly listed
Step 9: Make Manual Adjustments (Optional)
- Try dragging a panel to a different position
- Notice the magnetic snapping - panels attract to optimal positions
- See the snap lines that appear to guide alignment
- Click "Update Length" if you move panels - this recalculates the material needed
Pro Tip: The automatic optimization is usually best, but manual adjustment gives you complete control for special requirements.
Step 10: Save and Export
- Your job saves automatically - no action needed
- To generate a cut list: Click "Export CSV"
- To create workshop documentation: Click "Export PDF"
- Switch jobs anytime using the header dropdown
Saving and Navigation
Automatic Saving
- Changes save instantly - no save button needed
- Data stored locally on your device
- Works offline - no internet required for basic operation
- Cross-page persistence - switch between pages without losing work
Job Switching
- Click the job dropdown in the header
- See all your jobs listed with client names and project names
- Click any job to switch instantly
- Current job highlighted in the dropdown
Page Navigation
- Layout Optimizer: Main working area (where you are now)
- Job Manager: Overview of all projects, create/edit job details
- Documentation: Help guides and feature explanations
Mobile vs Desktop
- Desktop: Full sidebar layout with all controls visible
- Mobile: Collapsible sections - tap headers to expand/collapse
- Touch support: Drag panels with finger on mobile devices
- Optimized layout: Interface adapts to screen size
Success Checklist
By the end of this guide, you should be able to:
✅ Understand what the Layout Optimizer does - Minimizes cutting waste with instant optimization
✅ Navigate the interface confidently - Know where to find material settings, cut list, and controls
✅ Create a new job - Set up project details and switch between jobs
✅ Configure material settings - Choose appropriate presets and understand the options
✅ Add panels to your cut list - Enter dimensions and quantities accurately
✅ Run optimization - Generate efficient layouts automatically
✅ Interpret the results - Understand efficiency percentages and material calculations
✅ Make basic adjustments - Drag panels manually when needed
✅ Save and navigate - Switch between jobs and pages confidently
What's Next?
Now that you've mastered the basics, you're ready to explore more advanced features:
- Guide 02: Job Management - Organize multiple projects efficiently
- Guide 03: Material Setup - Master different material types and custom configurations
- Guide 04: Panel Input - Learn advanced panel entry methods including CSV import
- Guide 05: Layout Optimization - Understand optimization strategies and troubleshooting
Quick Reference - First Job Workflow
- Start: Open Layout Optimizer (begins with template job)
- Create: Go to Job Manager → Create Job → Fill details
- Material: Select preset (Fabric/Plywood/Foam) and verify settings
- Panels: Add panels with dimensions and quantities
- Optimize: Click "Optimize Layout" button
- Review: Check efficiency and material usage
- Export: Generate PDF/CSV as needed
- Next: Create additional jobs or explore advanced features
Time to complete: 5-10 minutes for first job
Result: Professional cutting layout with minimized waste and clear documentation.