Generate images using AI filters you created.

1. Create your AI filter.

2. Give your filter a simple and clear name.

3. If you want the generated image to draw inspiration from a specific style, you can upload an image as a reference.

If your prompt is precise enough to clearly describe the desired image style, you don't need to enable a reference image.

4. Enter your prompt here. The more detailed you write, the closer the generated image style will match your prompt.

5. The quality of the uploaded image determines how closely the generated image matches the uploaded one. For example, if the uploaded image is of a person and you want to maintain consistent facial features, high quality is recommended. If the generated content needs room for creative freedom, low or medium quality is recommended.

After confirming the filter requirements are correct, click Next to enter the testing phase.

6. Test your filters.

Upload your image and click the Start button.

Generation Time Description:
Low-quality images typically take around 20 seconds to generate, medium-quality around 40 seconds, and high-quality around 60 seconds.

If the generated image meets your requirements, click the "Save Image Style" button, and the generated image will be used as the cover image for the AI filter.

7. Return to the feature sets and create a new custom feature.

Add an image upload component to the customization step, locate the GPT image function, and click on settings.

8. Select the "My Style" option, choose the newly added AI filter, and click the "Confirm" button.

9. Back to the feature: check and enable the GPT image function, then click Preview to see the actual effect. Done! Congratulations, you've now mastered how to create a custom AI filter.

Photo Upload Component → Moving layers are no longer on top, retaining the original hierarchical order.

New component - Mockup Preview Component

1. First, you need to create a mockup design template.

2. Return to the feature suite, create a custom feature, add a mockup preview component, and import your custom design template.

Introduction to mockup-related terms:
Mockup Preview - Used for product previews, it can apply all design templates.
Design Layer - The design area in the mockup can convert all design templates into images to replace the design layer, enabling previews for complex scenarios like distortion.

3. What you see is what you get, with a more realistic preview effect.

Compatible with SHOPLINE official app - Add to cart button

Click on add to cart button to open the customization window normally.

• Fixed some bugs

Now supports layer copying between multiple design templates.

Ctrl/Cmd + C to copy a layer in the design template.

Ctrl/Cmd + V to paste into another design template.

Optimized the preview view ratio for desktop user customization.

Enlarged the preview view.

Redesign thumbnails for all components to be more intuitive.

When a custom layer in the design template is hidden, it will be displayed if the connected component has a value.

If you don't want the customized text layer to be displayed by default, you can hide it in the template first.

When creating or editing a custom feature, the text component does not set a default value after connecting components.

Switch the connected data view.

Preview Your Custom Features, When your user hasn't entered any content, you'll notice that your text layer is hidden.

When your users input text content, you’ll notice that your text layer is displayed.

In summary, if a custom layer in the design template is set to hidden, you can display it using the component's data.

• Design template now imports PSD files faster.
• Mockup template supports SVG diagrams.
• Fixed some bugs.

Production & preview design templates now include automatic sync update design.

When you update the style of the production design template, it will automatically update the preview design template.

When you update the layer position of the production design template, you will be prompted to confirm whether to override the preview design's position.

Select and adjust the coordinates of the updated production design layer. (Coming soon: Layers from production to preview templates will be automatically grouped, allowing operations on the entire group only)

Color swatch component supports user-customized colors.

Select Lenses Component from App Store.

Suitable for sellers offering online customization of eyeglass lenses.

After deleting a customization feature, the SKU list that integrated this feature retains the name of the removed customization feature.

Fixed some bugs.

1. Moon phase component now supports uploading moon phase images.

2. Introducing the new mockup design—now you can create stunning clothing previews with ease.

Create your mockup design.

Adjust the design area.

Upload an image to test the mockup effect.

The mockup preview component is coming soon. Stay tuned.

3. Images of customized data can now be downloaded with one click.

4. Custom link layout optimization.

• Orders - Sync Orders - Added a reset button to the date filter.
• Fixed some bugs.

Added Crossword Component & Crossword Design Layer.

Crossword Component

Crossword Design Layer

Desktop image upload now supports HEIC and HEIF file formats.

My store's SKU list now includes a quick view thumbnail for custom features.

Added Manually Sync Orders.

Added a new developer page.

Fixed some bugs

Design template now supports importing image library

Add design element from Library.

Select image assets.

Adjust the position of the image asset.

Replace the default asset.

Added dynamic select component

Fill mode added schematic diagram.

• Image swatch component now supports bulk upload for adding options.
• Conditional logic control for show/hide now includes output value.
• Fixed some bugs.

Add new types to design templates.

To easily distinguish the design purpose of templates, three types have been added: 

Design Template For Production

Includes the width and height of the design template, DPI, default export file format, and color Color profile mode (In the future, images will be automatically generated for production, available for use without any wait time).

Design Template For Preview

Includes the width and height of the design template (In the future, images will not be synthesized by default, but manual downloading and file format conversion will still be supported.).

Design Template For Production & Preview (Recommend for Everyone)

First design the production template, then design the preview template (the layers from the production template are automatically carried over to the preview template).

Step 1 - Design for Production.

Step 2 - Customize the preview template size.

Step 3 - The layers from the production template will be carried over to the preview template, and these layers cannot be removed.

Step 4 - Adjust the layer's position to achieve the desired preview effect.

Step 5 - Save Design Template.

If your preview includes the layers required for production, we strongly recommend creating this type of template, as it will significantly improve your design efficiency.

New App Component - Flip Photo Album

Fixed some bugs.

1. Add a new Star Map component

2. Add a new QR-Code component

3. Building custom features with AI is FREE for everyone.

4. App component has added an upload function.

5. Popular App Component Recommend

Phone Case Design Component

Notice Component

Photo Tiles Preview Component

• When the desktop customization window has only one preview component, the preview title bar on the right is hidden.
• Photo upload component has removed the restriction that non-Pro users cannot test Pro features.
• In the connected data view, importing a production template cancels the connectable status of the output source.
• Fixed some bugs.

Add Asset Library

Manage fonts and image assets to pave the way for the next innovative multi-level option component.

Add Component App Store

Debuting with the Photo Tiles component, a wave of components for all kinds of custom scenarios is on the way.

• Optimize - View Custom Data Page will no longer display hidden design templates. Only design templates related to user customizations will be shown, streamlining production.
• Fixed some bugs.

1. Officially launching API stores

You can now integrate custom features into any website via API.

2. Website now supports Vietnamese.

• Support for SKUs containing spaces is now available.

• Fixed some bugs.