Asuka Studio
2D Product Customizer
Build a guided product editor that feels simple to customers and remains precise for production.
AsukaDesigner connects product rules, customer editing, pricing, and output in one responsive 2D experience. You decide what can be edited, where it can be placed, and how every choice affects the order.
Fabric
Focused 2D renderer loaded only for 2D views
Real units
Physical measurements, DPI, and printable area
One state
Views, variations, history, price, and export stay connected
Product rules
Design the experience before exposing the tools.
A product configuration describes the views, editable regions, catalog choices, and permissions that shape the customer journey.
Configuration building blocks
- 2D views and product elements
- Drawing areas with physical dimensions
- Synchronized colors and variations
- Module permissions and layout templates
- Validation guards and pricing rules
Customer editing
Give customers useful freedom, not a blank canvas.
Text, images, designs, shapes, colors, layers, and history adapt to the selected product and to the modules enabled by the template.
Editor capabilities
- Curved text, formatting, and managed font families
- Base64, media-library, or remote image uploads
- Reusable artwork, shapes, and color palettes
- Live drawing-area constraints and physical dimensions
- Undo and redo from the loaded product state
Reliable output
Keep the information production needs.
The saved design carries more than a screenshot. It keeps object state, dimensions, selected options, pricing context, and export metadata.
Operational data
- Validated print dimensions and resolution
- Selected printing method and colors
- Price breakdown by rule and layer
- Preview and serialized design state
- Browser or premium server export paths
Reusable
Shared asset libraries
Manage designs, fonts, shapes, colors, and printing methods once, then reuse them across products.
Consistent
Variation synchronization
A shared variation changes every linked view and renderer without duplicating product logic.
Responsive
Layouts for every screen
Place modules in navigation zones, contextual tools, or a page portal with mobile behavior built in.
Next step
See the editor with a real product.
Open the demo product or follow the setup guide to build your own configuration.