Customiser Feature List
Design Experiences Available
Our platform offers a range of design modes, from simple 3D model viewing to comprehensive customisation experiences. These modes cater to various user needs and product complexities.
Design Mode |
Description |
3D Viewer |
Immersive 3D viewing experience for non-customisable digital models, allowing users to explore products in detail. |
2D Configurator |
Interactive 2D interface enabling real-time color and material configuration, ideal for simple customisation needs. |
3D Configurator |
Advanced 3D viewer with real-time color and material configuration, providing a more immersive customisation experience. |
2D Customiser |
Comprehensive 2D customisation suite combining multi-layered print design with configurable options, perfect for detailed 2D product customisation. |
3D Customiser |
Full-featured 3D customisation experience, merging multi-layered print design with configurable options in a 3D environment. |
Split Mode Customiser |
Hybrid approach featuring a split viewer mode with 3D preview alongside a 2D print design interface, offering the best of both worlds. |
Visualisation Features
These key features enhance the visual experience within our Customiser, ensuring an engaging and user-friendly interface.
Feature |
Description |
Optional? |
Responsive UI |
Adaptive interface that seamlessly adjusts to various screen sizes and devices. |
Recommended |
Touchscreen interaction |
Intuitive touch controls for effortless navigation and customisation on mobile devices and tablets. |
Recommended |
Automatic camera values |
Smart camera positioning that automatically adjusts to showcase products optimally. |
Recommended |
Camera Pan controls |
User-controlled camera movement for detailed product exploration. |
Optional |
Animation |
Supports transform, morph, and skinned/skeletal animation styles, enabling dynamic product presentations with transitions between states, open/closed views, or exploded diagrams. |
Optional |
AR/VR |
Augmented and Virtual Reality capabilities for immersive product visualization. |
Optional |
Multi-model design |
Facilitates multiple shared states of a product (e.g., open/closed) or groups of different products in one design experience, without complex animations. |
Optional |
Tools
These top-level tool sets form the core of our multi-layered design experience, enabling rich customisation options.
Tool |
Features |
Optional? |
Background |
Color-editable SVG, Non-color-editable JPEG or PNG |
Optional |
Colour Fill |
Hex code fill, Color gradients |
Optional |
Stickers |
Color-editable SVG, Non-color-editable JPEG or PNG |
Optional |
Image Upload |
Allows users to upload and incorporate their own images |
Optional |
Pattern Maker |
16 symmetry options, Tile selection, Create patterns from background/sticker/image upload/text-to-image AI |
Optional |
Text to Image generation AI |
AI-powered tool for creating unique images from text descriptions |
Optional |
Text |
SVG font output for high-quality, scalable text elements |
Optional |
Add NFT/digital token |
Wallet integration for incorporating digital assets |
Optional |
Tool Properties
These properties provide fine-grained control over each tool set, enhancing the customisation capabilities.
Background Fill
Property |
Description |
Optional? |
Eyedropper |
Selects color from the print area for precise matching |
Optional |
Colour options |
Predefined color choices for quick selection |
Optional |
Backgrounds, Stickers, Image Upload, Pattern
Property |
Description |
Optional? |
Delete |
Remove the selected element |
Default |
Resize/scale |
Adjust the size of the element |
Optional |
Rotate |
Change the orientation of the element |
Optional |
Move |
Reposition the element within the design area |
Optional |
Centre x/y |
Automatically center the element horizontally and vertically |
Optional |
Centre x |
Center the element horizontally |
Optional |
Centre y |
Center the element vertically |
Optional |
Layer up/down |
Adjust the stacking order of elements |
Optional |
Mirror x/y |
Flip the element horizontally or vertically |
Optional |
Duplicate |
Create a copy of the selected element |
Optional |
Note: Backgrounds have an additional "tiling on" property (Optional)
Pattern Maker
Property |
Description |
Optional? |
Symmetry |
Apply various symmetry options to create complex patterns |
Optional |
All properties from Backgrounds, Stickers, Image Upload |
|
|
Text to Image AI
Property |
Description |
Optional? |
Text input field |
Enter text prompts for image generation |
Optional |
3 images are generated |
Provides multiple options based on the input |
Optional |
Create variation of a generation |
Refine and iterate on generated images |
Optional |
Select generation |
Choose the preferred generated image |
Optional |
Cancel |
Exit the image generation process |
Default |
Text
Property |
Description |
Optional? |
Text input field |
Enter the desired text |
Default |
Edit colour |
Change the color of the text |
Optional |
Font library |
Select from a variety of font styles |
Optional |
Font size |
Adjust the size of the text |
Optional |
Rotate |
Change the orientation of the text |
Optional |
Outline |
Add an outline to the text for emphasis |
Optional |
Centre x/y, x, y |
Alignment options for precise text positioning |
Optional |
Line spacing |
Adjust the vertical space between lines of text |
Optional |
Letter spacing |
Modify the horizontal space between characters |
Optional |
Move |
Reposition the text within the design area |
Optional |
Duplicate |
Create a copy of the text element |
Optional |
Layer up/down |
Adjust the stacking order of text elements |
Optional |
Delete |
Remove the text element |
Default |
Left/Right/Centre align |
Text alignment options |
Optional |
Additional Features
These features complement the tool sets and enhance the overall design experience.
Colour Editing
Feature |
Description |
Optional? |
Individual colour editing |
Fine-tune colors for specific elements |
Optional |
Colour palettes |
Predefined sets of up to 8 colors for cohesive designs |
Optional |
Shuffle colours in palette |
Randomly reorganize colors within a palette for inspiration |
Optional |
Random selection from palettes |
Choose a random color from available palettes |
Optional |
Eye dropper tool |
Select colors directly from the print area for precise matching |
Optional |
Extra Fields
These additional features enhance design approaches, selection menus, and other aspects of the customisation experience.
Product Based Extra Fields
General Product Config
Field |
Description |
Optional? |
cliparts_category_id |
Assigns a specific clipart gallery to a product |
Optional |
backgrounds_category_id |
Assigns a specific background gallery to a product |
Optional |
cliparts_default_scale |
Sets the default scale for clipart |
Optional |
backgrounds_default_scale |
Sets the default scale for backgrounds |
Optional |
show_initials |
Adds an extra step for initials input (e.g., for engraving) |
Optional |
Mobile Zoom multiplier |
Defines the default model scale for mobile view |
Optional |
initials_thumb_url |
Adds an image for the extra step in the design process |
Optional |
initial_animation_state |
Sets the initial 3D Model Animation state on loading |
Optional |
hide_blank_canvas |
Loads directly into templates, bypassing the blank canvas |
Optional |
Mesh
Field |
Description |
Optional? |
price_range |
Displays price range text in Mesh options |
Optional |
description_text |
Adds a description to mesh options |
Optional |
transparent_texture |
Makes the background transparent for the side |
Optional |
animation |
Specifies which animation state is activated for the side |
Optional |
text_default_scale |
Sets the default text scale for the side |
Optional |
skip_copy_tools |
Skips the 'copy to next side' action |
Optional |
text_min_scale |
Sets the minimum scale of text for the side |
Optional |
text_max_scale |
Sets the maximum scale of text for the side |
Optional |
Sections
Field |
Description |
Optional? |
inverse_left_right |
Inverts left and right move buttons in the customiser |
Optional |
inverse_up_down |
Inverts up and down move buttons in the customiser |
Optional |
inverse_x_y |
Inverts both left/right and up/down in the customiser |
Optional |
Image Asset Based Extra Fields
Field |
Description |
Optional? |
boundary_lock |
Creates a boundary container to keep assets within |
Optional |
editable |
Adds a label to show an asset is color-editable |
Optional |
price |
Associates an additional price with the asset |
Optional |
max_scale |
Sets the maximum scale size of an asset |
Optional |
min_scale |
Sets the minimum scale size of an asset |
Optional |
color_id |
Assigns a specific color library/palette to an asset |
Optional |
scale |
Sets the default asset scale |
Optional |
Category and Selection Menu Based Extra Fields
Product Category
Field |
Description |
Optional? |
cliparts_category_id |
Assigns a specific clipart gallery to a product category |
Optional |
backgrounds_category_id |
Assigns a specific background gallery to a product category |
Optional |
full_thumb |
Creates a full image thumbnail in the product selection menu |
Optional |
title_color |
Sets the color of the title in the product selection thumbnail |
Optional |
button_text_color |
Sets the color of button text in the product selection thumbnail |
Optional |
button_color |
Sets the color of buttons in the product selection thumbnail |
Optional |
stroke_color |
Sets the color of text stroke in buttons in the product selection thumbnail |
Optional |
stroke_size |
Sets the size of text stroke in buttons in the product selection thumbnail |
Optional |
size_selection |
Shows a size selection menu instead of images/product view |
Optional |
Template Category
Field |
Description |
Optional? |
full_thumb |
Creates a full image thumbnail in the template selection menu |
Optional |
title_color |
Sets the color of the title in the template selection thumbnail |
Optional |
button_text_color |
Sets the color of button text in the template selection thumbnail |
Optional |
button_color |
Sets the color of buttons in the template selection thumbnail |
Optional |
stroke_color |
Sets the color of stroke in buttons in the template selection thumbnail |
Optional |
stroke_size |
Sets the size of text stroke in buttons in the template selection thumbnail |
Optional |
description_color |
Sets the color of description text in the template selection thumbnail |
Optional |
description_stroke_color |
Sets the color of description stroke in the template selection thumbnail |
Optional |
description_stroke_size |
Sets the size of description stroke in the template selection thumbnail |
Optional |
description_size |
Sets the size of description text in the template selection thumbnail |
Optional |