Skip to main content

Usage Tips

Upload images directly in chat

Upload images directly in chat, and AI will insert and style them automatically. Steps:
  1. Select upload image in the chat box
  2. In your prompt, describe where and how large the image should be
  3. AI will insert and adjust styling automatically
Use cases:
  • Add product images
  • Insert brand logos
  • Upload reference designs
💡 Tip: You can upload multiple images at once—just describe each image’s purpose in your prompt.

Replace images using the Design Editor

Use the Design Editor to visually swap images—what you see is what you get. Steps:
  1. Click the “Design Editor” button in the top navigation
  2. Select the image placeholder you want to replace
  3. Choose a new image to complete the replacement
Benefits:
  • Visual operation, intuitive
  • Real-time preview
  • No code changes needed

Upload project images to superun storage

Upload project images to superun storage, then reference the storage path in prompts. Steps:
  1. Create a storage bucket in superun storage (if needed)
  2. Upload image files
  3. Get the image storage path
  4. Reference the path in prompts
Benefits:
  • Centralized project resource management
  • Easy version control
  • Faster loading
Example:
Use the image from superun storage: https://1799444268974080-09e640c9337540adac62ea19f57a7f65.uxa-cdn.com/wmmgnele36.png as the homepage hero
For detailed upload steps, file management, and how to get file URLs, see:

superun Storage Guide

Complete superun Storage tutorial with detailed instructions on uploading files, managing assets, and using storage resources in your applications.

Troubleshooting

Image Upload Fails

Symptoms:
  • All image upload functions in backend fail
  • Cannot display after upload
Solutions:
  1. Check Storage Service: Confirm if storage service configuration in superun is correct
    • Go to “Development → Services → superun Cloud Storage”
    • Check if storage service is enabled
  2. Use Alternative: Can first upload images to superun cloud storage, then reference image links in dialog
  3. Use Fix Feature: Click “Fix” button to let system auto-repair upload function
  4. Reconfigure: Request to reconfigure image upload function in dialog

Cannot Replace Images

Symptoms:
  • Cannot replace images in page
  • Cannot use after uploading file
Solutions:
  1. Use Select Element Edit: Click “Select Element Edit”, select image, provide new image address in dialog
  2. Use superun Cloud Storage: Upload images to superun cloud storage, then reference image links in dialog
    • Go to “Development → Services → superun Cloud Storage”
    • Upload image files to cloud storage
    • Use image links in dialog after obtaining them
  3. Use Design Editor: Click “Design Editor” button in top navigation bar, visually replace images
    • In design editor, if cannot select image, can right-click to select correct level element
    • After selecting image, directly select new image to complete replacement
  4. Describe in Dialog: Screenshot and annotate image position to replace, describe replacement requirements in dialog