Personalized products without the proof-email loop Selling customized products should not mean collecting unclear instructions, rebuilding customer files by hand, or sending proof after proof before an order can move forward. Asuka Product Designer gives shoppers a visual editor directly on the stor
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 6.6 and PHP 8.1.
SourceWordPress plugins · Oct 23, 2026
01 / Source details
Aboutthistool.
Personalized products without the proof-email loop
Selling customized products should not mean collecting unclear instructions, rebuilding customer files by hand, or sending proof after proof before an order can move forward.
Asuka Product Designer gives shoppers a visual editor directly on the storefront. They personalize the product, see every change before checkout, and add the configured result to the WooCommerce cart. The preview, selected options, pricing data, and design reference remain connected to the order, giving the merchant a consistent workflow from first edit to production.
Try the complete WordPress experience
Open the live WooCommerce product demo and customize a real product from the storefront.
Request a private WordPress administration sandbox to explore product setup, shared assets, templates, themes, translations, imports, and order tools in a temporary 24-hour workspace.
Visit the product and demo hub for additional 2D, 3D, integration, and production-workflow examples.
Documentation, plans, and support
Read the WordPress and WooCommerce guide for installation, configuration, storefront placement, and troubleshooting.
Compare Free, Starter, Pro, and Agency plans , including the capabilities and limits of each edition.
Contact the WordPress support center for product, setup, billing, or technical questions.
Review the public changelog before installing or updating a release.
From setup to checkout in five steps
01Install and activate Asuka Product Designer.
02Create a reusable custom-product configuration in WordPress.
03Add 2D or 3D views, then choose the tools, assets, and options customers can use.
04Connect the configuration to a WooCommerce product or to individual product variations.
05Let customers personalize, preview, add to cart, and return to edit the same customization when needed.
Add and edit text with fonts, colors, alignment, transforms, and curved-text controls.
Upload customer artwork and place reusable designs, images, and vector shapes.
Work with layers, ordering, locking, duplication, history, undo, and redo.
Offer product colors, components, materials, and nested variation choices.
Present multiple product views in responsive 2D or interactive 3D.
Rotate and zoom 3D products while keeping configured artwork and part variations synchronized.
Keep the designer usable across desktop, tablet, mobile, and fullscreen layouts.
Build once, reuse across your catalog
Create reusable custom products instead of rebuilding the same configuration on every WooCommerce item.
Maintain shared libraries for designs, elements, shapes, fonts, colors, and printing methods.
Reuse product templates and visual themes for a consistent storefront experience.
Assign one default configuration to a product and override it for individual WooCommerce variations.
Carry previews, customization metadata, price information, and design references into cart and order records.
Export and import portable product packages with their views, media, templates, and themes.
Translate the storefront and administration with the managed translation workspace or standard gettext tools such as Loco Translate.
2D and 3D in one workflow
Use flat artwork and layered product views, interactive GLB/glTF products, or both inside the same catalog. The Fabric.js and Babylon.js renderers load only when the active view needs them, so a product does not have to choose between a complete 2D editor and a real 3D configurator.
Free core, optional advanced workflows
The WordPress.org plugin works without a license and includes the core 2D and 3D product-customization experience.
Starter and higher plans can install the separate commercial add-on. Starter unlocks drawing areas for defining printable regions directly in the product builder, while Pro and Agency add modules such as spatial assembly, product parameters, fixed markers, advanced pricing rules, Studio tools, GLB optimization, and eligible server-side production exports. Commercial implementation files are not included in this WordPress.org package.
Suitable for many customizable products
Use Asuka Product Designer for apparel, footwear, accessories, promotional products, stationery, signage, packaging, home decor, furniture, configurable components, and other products that benefit from visual choices before checkout.
WooCommerce is optional. The designer can also be embedded with the supplied block, shortcode, or integration APIs.
External services
The core editor runs in the browser and does not require an external Asuka service. The following services are contacted only when the related optional feature is configured and used:
Asuka license service ( https://api.asukadev.com/v1/licenses/resolve ): contacted only when an administrator has entered an optional commercial license key and the plugin needs to resolve its current entitlement. It sends the configured license key, site hostname, generated installation identifier, plugin version, product identifier, audience, and WordPress channel. Service terms: https://designer.asukadev.com/terms-of-service/ . Privacy policy: https://designer.asukadev.com/privacy-policy/ .
Asuka license public key ( https://api.asukadev.com/v1/licenses/public-key ): requested by the visitor’s browser when it verifies a signed commercial license token supplied by the configured WordPress integration. This GET request has no license key, token, or design data in its body; the service receives the visitor IP address and standard browser request headers. Service terms: https://designer.asukadev.com/terms-of-service/ . Privacy policy: https://designer.asukadev.com/privacy-policy/ .
Asuka license refresh ( https://api.asukadev.com/v1/licenses/refresh ): a browser session with a signed commercial license token refreshes it automatically while the optional commercial runtime is enabled, including periodically and when the page regains focus or becomes visible. It sends the signed token, site hostname, generated installation identifier, runtime version, product identifier, audience, and WordPress channel, together with the visitor IP address and standard browser request headers. The WordPress license key remains server-side and is not sent by these browser refresh requests. Service terms: https://designer.asukadev.com/terms-of-service/ . Privacy policy: https://designer.asukadev.com/privacy-policy/ .
Asuka Support Center ( https://api.asukadev.com/v1/support/wordpress/access ): contacted only when an authorized administrator explicitly clicks the button to open licensed support. It sends a short-lived signed license token together with the site hostname, generated installation identifier, plugin version, product identifier, audience, and WordPress channel. The service returns a short-lived access URL for https://portal.asukadev.com . Service terms: https://designer.asukadev.com/terms-of-service/ . Privacy policy: https://designer.asukadev.com/privacy-policy/ .
Asuka AI and server-side export services ( https://api.asukadev.com ): contacted only when an eligible user explicitly requests an AI operation or a server-rendered export. The request can include the signed license token, selected operation, and the product or design payload required to complete that operation. Service terms: https://designer.asukadev.com/terms-of-service/ . Privacy policy: https://designer.asukadev.com/privacy-policy/ .
Google Fonts catalog ( https://www.googleapis.com/webfonts/v1/webfonts ): queried only when an administrator has supplied a Google Fonts API key and requests the live font catalog. The configured API key, alphabetical sort option, and WOFF2 capability filter are sent to Google. Terms: https://policies.google.com/terms . Privacy policy: https://policies.google.com/privacy .
Google Fonts styles and font files ( https://fonts.googleapis.com and https://fonts.gstatic.com ): loaded only when a Google font selected by an administrator is displayed. The visitor IP address and standard browser request headers may be sent to Google. Terms: https://policies.google.com/terms . Privacy policy: https://policies.google.com/privacy .
Pixabay ( https://pixabay.com/api/ ): queried only after an administrator supplies an API key and a user opens Pixabay search. Search terms and the configured key are sent to Pixabay. Terms: https://pixabay.com/service/terms/ . Privacy policy: https://pixabay.com/service/privacy/ .
Pexels ( https://api.pexels.com/ ): queried only after an administrator supplies an API key and a user opens Pexels search. Search terms and the configured key are sent to Pexels. Terms: https://www.pexels.com/terms-of-service/ . Privacy policy: https://www.pexels.com/privacy-policy/ .
Facebook: contacted only when an administrator configures the Facebook image integration and a user opens it. The data sent depends on the Facebook application configuration. Terms: https://www.facebook.com/terms.php . Privacy policy: https://www.facebook.com/privacy/policy/ .
Administrators can leave every optional integration unconfigured.
Source code
The human-readable TypeScript, TSX, and CSS source for the bundled AsukaDesigner WordPress.org runtime is included under source/asuka-designer/ .
To rebuild the browser files:
06Install Node.js 20 or newer.
07Run npm ci inside source/asuka-designer/ .
08Run npm run build .
09The rebuilt files are written to dist/product-wordpress/ .
The build uses Vite, TypeScript, Preact, Tailwind CSS, Fabric.js, and Babylon.js. Third-party licenses are included in assets/vendor/asuka-designer/THIRD_PARTY_NOTICES.md .
See it in action
Screenshots & previews.
Frontend T-shirt customization with live artwork preview and a reusable design library.Interactive 3D sneaker on a WooCommerce product page, with independent material and color choices.Photo collage with three printable areas and a personalized title (commercial add-on: Drawing Areas and Markers).Double-sided business card with a customer logo and constrained text fields (commercial add-on: Drawing Areas and Markers).Photo calendar with twelve monthly views (commercial add-on: Drawing Areas).Product builder in WordPress administration, with reusable views and a storefront template assignment.Designer layout editor for choosing modules, placement, and storefront portals.
02 / Source details
Gettingstarted.
01Upload the plugin through Plugins > Add New, or install it from WordPress.org.
02Activate Asuka Product Designer.
03Open Asuka Designer > Custom products and create a product configuration.
04Add one or more 2D or 3D views.
05Open a WooCommerce product and assign the configuration to the product or to individual variations.
06Preview the storefront and complete a test cart and checkout journey.
WooCommerce is optional. The designer can also be embedded with the supplied block, shortcode, or integration APIs.
03 / Source details
Frequently asked questions.
Does the free plugin require a license?
No. The WordPress.org edition provides its core 2D and 3D customization features without a license.
How is the optional commercial add-on installed and updated?
Customers with an eligible Starter, Pro, or Agency subscription sign in to portal.asukadev.com , open their license, and download the separate add-on ZIP. Install it once through Plugins > Add Plugin > Upload Plugin. Future releases use the native WordPress update screen and a short-lived private package link while the license remains eligible.
Is commercial code hidden inside this plugin?
No. Advanced modules are distributed in a separate add-on. The public plugin only exposes documented extension points that the add-on can use when it is installed.
Can a configuration be assigned per WooCommerce variation?
Yes. A product can use one default configuration and each WooCommerce variation can override it.
Does the plugin support standard translation tools?
Yes. All WordPress strings use the asuka-product-designer text domain and remain compatible with gettext tools such as Loco Translate. The plugin also includes a managed translation workspace for designer catalog strings.
Is the Powered by credit required?
No. The storefront credit is hidden by default. An administrator can choose to display it with the “Show the Powered by AsukaDesigner credit” checkbox in Asuka Designer > Settings. Hiding the credit does not require a paid license; custom brand names and logos remain separate commercial features.
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
