CreativeHub
Choose a scene to start designing
Scene
💾 File
📤 Export Queue
🔍
Export queue is empty.
Use the toolbar button or Import to add files.
📐 Product Size
-
🔵 Blue = product edge (bleed cut line)
🟠 Orange = safe zone (keep content inside)
📁 Drop DXF file or click
Drop DXF/SVG hole file here
🧩 Modules
🔍
Module Color Scheme
Starter Blocks
Flexible Blocks
🎨 Background
PALETTE
BASIC
CUSTOM
PRESETS
🖼 Drop image here or click to browse JPG, PNG, WEBP
Background will be transparent.
Only applies to PNG export.
🔲 Pattern
Pattern Overlay
✏️ Elements
🔧 Tools
Offset px
Simplify tol
📑 Layers
🖼️ Images
🖼 Drop images here or click to browse PNG, JPG, GIF, WEBP
📐 Vectors
📐 Drop vector files here or click to browse SVG, DXF, EPS  |  Unit: mm
📤 Export
📦 Batch Export
📄 Drop CSV file here or click to browse
Raster preview image at export DPI. Best for quick proofing and client previews.
📥 Toolkit
🎯 Drop SVG icons or click to browse Multiple files supported
🔤 Drop font files or click to browse TTF, OTF — multiple files supported
Or type directly (one entry per line):
Help
Keyboard Shortcuts
  • Ctrl + Z Undo
  • Ctrl + Y Redo
  • Ctrl + D Duplicate element
  • Ctrl + C / V Copy / Paste element
  • Delete Remove selected element
  • Double-click Inline edit text
  • Shift + Drag Constrain to axis
  • Scroll Zoom in / out
Canvas & Elements

Adding Elements

  • + Text — Add editable text, supports bold/italic/outline/shadow
  • + Icon — Add SVG icon with color and stroke options
  • + Image — Add photo frame, drag images from Media panel

Resize & Move

  • Drag element to reposition
  • Corner handles — proportional scale (text: font size + width)
  • Side handles (text) — adjust text wrap width

Text Path

  • In text properties, set Path to Circle Top/Bottom or Arc Up/Down
  • Adjust Radius and Spread to control curve shape

Layers

  • Single-click layer to select, double-click to edit
  • Drag handle to reorder element layers
Background & Patterns

Background Types

  • Solid — Single color with palette presets
  • Gradient — Two-color linear gradient with angle control
  • Image — Upload or drag background image
  • None — Transparent background

Pattern Overlay

  • Patterns are transparent overlays on top of background
  • Enable in Pattern tab, choose from built-in or custom
  • Adjust colors, scale, and category filter
Batch Export

How It Works

  • Design your template on canvas with text and image elements
  • Open Batch panel — CSV column guide is auto-generated
  • Download CSV template, fill in your data, upload it back
  • Each CSV row generates one exported file

Export Formats

  • PNG — Raster preview at export DPI
  • EPS — Vector for professional print / laser
  • SVG — Scalable vector for web
  • DXF — CAD / CNC / laser cutter
  • TIF — Layered raster for Photoshop
  • JSX — Photoshop script with editable layers
Toolkit & Resources

Quick Import (Toolkit Panel)

  • Fonts — Drag TTF/OTF files to import instantly
  • Icons — Drag SVG files to add custom icons
  • Text Presets — Import from TXT file by role

Advanced: Manual Config

For bulk resource management, edit JSON files directly:

  • config/fonts.json — Font registry
  • config/icons.json — Icon registry
  • config/copy.json — Text presets
  • config/products.json — Product templates

Refresh the browser after manual edits.

🎨 Asset Center
👤 Account
Not logged in
Fit
-
Product Hub
🔍
CreativeHub