Direct-to-Film (DTF) Gang Sheet Builder

The Gang Sheet Builder in Print Life Software empowers print shops and apparel decorators to offer a commercial-grade, browser-based Direct-to-Film (DTF) transfer layout engine. Customers and shop staff can nest, scale, trim, and arrange hundreds of vector and raster graphics onto custom continuous roll sheets or sheet presets with real-time DPI quality analysis, collision detection, and automated hot-folder RIP delivery.

---

1. Feature Scope & UI Navigation

How to Access the Gang Sheet Builder

To access your gang sheet management dashboard, click Gang Sheets (/gang-sheets) under the Operations section in the main left sidebar.

[!NOTE] Enabling the Gang Sheet Feature: The Gang Sheet Builder can be activated or deactivated shop-wide under Settings $\rightarrow$ Features tab (/settings?tab=features). Toggle Gang Sheet Creator to ON to expose the feature in the sidebar and enable online customer builder entrypoints.

• Top Header Controls:
  • + Open Canvas Builder (Primary Button): Launches the interactive fullscreen layout studio.
  • Visit Public Builder (External Link): Opens your tenant-branded customer-facing studio (https://[subdomain].merch-stores.com/gang-sheet).
• 3-Tab Command Center:
  1. Orders Tab: Real-time ledger of submitted gang sheet orders, production thumbnail previews, dimensions, piece counts, and 1-click Bounce to Production routing.
  2. Canvas Size Tab: Configure available sheet presets (width $\times$ height in inches) and retail pricing per sheet.
  3. Settings Tab: Configure output DPI (default: 300 DPI), non-bleed safety margins, customer shipping presets, and direct RIP Hot Folder directory connections.

---

2. Capabilities & Operational Boundaries

                             ┌───────────────────────────────────┐
                             │     DTF Gang Sheet Studio         │
                             └─────────────────┬─────────────────┘
                                               │
         ┌─────────────────────────────────────┼─────────────────────────────────────┐
         │                                     │                                     │
         ▼                                     ▼                                     ▼
┌───────────────────┐               ┌────────────────────┐               ┌────────────────────┐
│ Precision Layout  │               │ DPI Quality Engine │               │ Production & RIP   │
│ & Canvas Tools    │               │ & Alpha Processing │               │ Fulfillment        │
├───────────────────┤               ├────────────────────┤               ├────────────────────┤
│ • SVG Coord Rulers│               │ • Live DPI Badges  │               │ • RIP Hot Folder   │
│ • 0.25" Cut Margin│               │ • 1-Click 300 DPI  │               │   (File System API)│
│ • Auto-Nesting    │               │ • Auto Alpha-Trim  │               │ • 300 DPI PNG/TIFF │
│ • Dark Film View  │               │ • Manual Cropper   │               │ • 1-Click Bounce   │
│ • Collision Detect│               │ • IndexedDB Cache  │               │   to Kanban Job    │
└───────────────────┘               └────────────────────┘               └────────────────────┘

Supported Capabilities

• Precision SVG Measurement Rulers: High-resolution horizontal and vertical rulers with 1/8″, 1/4″, 1/2″, and 1″ tick marks that track cursor hairline coordinates and element bounding boxes in real time.
• 0.25″ Safe Print Boundaries & Cut Margins: Non-bleed perimeter margin lines and enforced 0.25″ safety gaps between adjacent transfers to prevent blade clipping during cutting.
• Real-Time DPI Analyzer: Automatically evaluates uploaded file resolutions against physical canvas dimensions with instant visual indicators (🟢 300+ DPI Optimal, 🟡 200–299 DPI Acceptable, 🔴 < 200 DPI Blurriness Warning).
• 1-Click 300 DPI Native Sizing: Immediately snaps graphics to their exact 1:1 physical size based on their original 300 DPI pixel dimensions.
• Collision & Overlap Warnings: Automatic bounding-box collision detection that highlights overlapping transfers in red to prevent double-printed ruined sheets.
• Alpha Channel Margin Trimming: One-click scanner that eliminates invisible transparent pixel padding around logos in milliseconds (Trim Margins).
• Interactive Cropping & Instant Revert: Visual rule-of-thirds cropper allowing operators or buyers to isolate individual logos from multi-image files, with 1-click Undo Crop / Revert to Original safety.
• Local-First Crash Recovery (IndexedDB): Active sheets and uploaded artwork are cached locally in the browser. Refreshing the browser or losing connection instantly restores the layout without re-uploading files.
• Deferred Cloud Storage: Graphic assets are uploaded to cloud servers exclusively when an order is submitted or saved to cart. Abandoned drafts create zero orphaned file litter.
• Canvas Inspection Backgrounds: Toggle between Transparent Checkerboard, Dark Film (essential for verifying white ink underbase coverage), and Light/White.
• Smart Auto-Nesting Engine: One-click automated bin-packing layout algorithm that arranges transfers tightly while enforcing the 0.25″ trimming gap.
• Local RIP Hot Folder Integration: Leverages the browser File System Access API to stream print-ready 300 DPI files directly into your local RIP software queue (e.g., CADlink_HotFolder) without browser download popups.

Operational Boundaries

• Maximum Canvas Roll Length: Single continuous gang sheet layouts are supported up to 240 inches (20 feet) in length per sheet to maintain browser WebGL rendering performance.
• Vector Path Editing: The Gang Sheet Builder is an apparel transfer nesting and layout tool, not a vector node illustration editor. Vector files (AI, PDF, SVG) are rendered and rasterized at 300 DPI for high-precision print production.

---

3. Step-by-Step Operating Procedures

Workflow 1: Configuring Canvas Sizes & Pricing

1. In the sidebar, click Gang Sheets (/gang-sheets).
2. Select the Canvas Size tab.
3. Click Add Size.
4. Enter sheet parameters:
   • Size Name: e.g., 22″ × 60″ Continuous Roll or A3 Transfer Sheet.
   • Width & Height: Enter physical dimensions in inches (e.g., Width: 22, Height: 60).
   • Retail Price: Enter selling price (e.g., $45.00).
5. Click Save Size. The new dimensions appear immediately in the builder canvas selector.

---

Workflow 2: Assembling a Gang Sheet Layout

1. Open the builder by clicking + Open Canvas Builder (or open via a customer link).
2. Select Canvas Size: Choose your preset from the dropdown (e.g., 22″ × 120″).
3. Upload Artwork: Drag and drop print files (PNG, TIFF, PDF, SVG) into the artwork tray.
4. Inspect Resolution:
   • Check the live DPI badge on each graphic row.
   • Click 1-Click 300 DPI to set the artwork to its optimal physical print size.
5. Trim Transparent Padding:
   • Click Trim Margins on any row to automatically strip empty transparent pixels.
   • Or click Crop to manually select a portion of a multi-graphic sheet.
6. Set Quantities & Auto-Nest:
   • Adjust the Quantity input on the artwork row (e.g., 24).
   • Click Auto-Nest Sheet: The engine packs all 24 graphics onto the sheet, maintaining safety margins and 0.25″ cut spacing.
7. Inspect White Ink Coverage:
   • In the top canvas toolbar, switch the background to Dark Film.
   • Verify that all white text, fine lines, and underbase graphics are fully visible without haloing.
8. Click Add to Cart (or Save to Production).

---

Workflow 3: Routing Gang Sheets to the Production Floor

1. In /gang-sheets, select the Orders tab.
2. Locate the submitted gang sheet order row.
3. Review the layout thumbnail, total transfer count, and dimensions.
4. Click Bounce to Production:
   • Studio automatically creates a new production job on your Kanban dashboard under your active DTF pipeline.
   • The job attaches the high-resolution 300 DPI print-ready layout file, piece counts, and customer delivery details.

---

Workflow 4: Setting Up Direct Local RIP Hot Folder Sync

1. Open Gang Sheets (/gang-sheets) $\rightarrow$ select the Settings tab.
2. Scroll to the Local RIP Hot Folder Integration card.
3. Click Select Local Hot Folder.
4. Use the system directory picker to select your RIP software input folder (e.g., C:\CADlink\HotFolders\DTF_Queue or /Users/shared/RIP_In).
5. Grant browser read/write permissions.
6. When orders are processed, clicking Send to RIP streams the print-ready 300 DPI image directly into your RIP folder, queuing the printer with zero manual download handling!

---

4. Business Logic & Mathematical Formulas

Real-Time DPI Quality Formula

Print resolution dynamically calculates the physical dots-per-inch based on native pixel width and current canvas width:

$$\text{DPI} = \frac{\text{Native Pixel Width}}{\text{Canvas Width (Inches)}}$$

• If $\text{DPI} \ge 300$: 🟢 Optimal Commercial Quality (No blur or pixelation).
• If $200 \le \text{DPI} < 300$: 🟡 Acceptable Quality (Minor softness on fine lines).
• If $\text{DPI} < 200$: 🔴 Low Resolution Warning (Visible pixelation or artifacting).

Enforced Safe Cut Margins

$$\text{Usable Width} = \text{Canvas Width} - 2 \times (\text{0.25″ Margin})$$ $$\text{Spacing Between Nested Transfers} \ge \text{0.25″ (Blade Clearance Gap)}$$

---

5. Troubleshooting & Diagnostic Matrix

Symptom / Question	Root Cause	Exact Remediation Step
I don't see "Gang Sheets" in the left sidebar	Feature toggle is turned off in settings.	Go to Settings $\rightarrow$ Features tab (/settings?tab=features) $\rightarrow$ toggle Gang Sheet Creator to ON.
Artwork displays a red "Low Resolution" warning	File pixel dimensions are too small for the selected physical size.	Either reduce the physical width of the graphic on the canvas, or replace the image with a higher-resolution 300 DPI source file.
Canvas shows red collision boxes around images	Two or more graphics are overlapping.	Click Auto-Nest Sheet to automatically repack the transfers, or drag the overlapping items apart until the red warning clears.
Browser refreshed and draft was not lost	Local IndexedDB recovery automatically preserved layout.	This is expected behavior! Studio caches active layouts locally so operators and customers never lose work during a connection drop.
Artwork has huge empty space around it	Graphic was saved with excessive transparent canvas borders.	Click Trim Margins on the artwork row to auto-trim the alpha channel in milliseconds.
RIP Hot Folder sync button fails	Browser permission to local directory expired.	In Gang Sheets $\rightarrow$ Settings, click Select Local Hot Folder again to re-authorize directory read/write access.

---

6. Frequently Asked Questions & Action Prompts

How do I turn on the Gang Sheet Builder for my shop?

1. Expand Finance & Settings in the left sidebar $\rightarrow$ click Settings (/settings).
2. Select the Features tab.
3. Locate Gang Sheet Creator under Features & Preferences.
4. Toggle the switch to ON.
5. Gang Sheets (/gang-sheets) will now appear in your left sidebar navigation!

[Show me Features Settings](chat:Show me Features Settings) • [Show me Gang Sheets](chat:Show me Gang Sheets)

---

How do I set up available canvas roll sizes and pricing?

1. Go to Gang Sheets (/gang-sheets) in the sidebar.
2. Click the Canvas Size tab.
3. Click Add Size.
4. Enter your sheet title, width, height, and retail price (e.g., 22″ × 60″ for $45.00).
5. Click Save Size.

[How does the auto-nesting engine work?](chat:How does auto-nesting work in the Gang Sheet Builder?)

---

How do I route a completed gang sheet order to my shop's print queue?

1. Open Gang Sheets (/gang-sheets) $\rightarrow$ select the Orders tab.
2. Locate the customer's completed order.
3. Click Bounce to Production.
4. Studio generates an active Kanban production job on your dashboard with full 300 DPI print-ready layout files attached!

[Show me Gang Sheets](chat:Show me Gang Sheets)