Get Started with the AI App Builder

Alpha: The AI app builder is currently in alpha. This feature is subject to change and may have bugs, issues, and limitations. We're actively improving it based on your feedback.

This guide walks you through creating a Wix app in the AI app builder. You describe your app idea in the AI app builder chat, and the built-in agent uses the Wix CLI to generate your app project. To continue editing your app after the initial build, edit directly in the workspace or connect to GitHub and use the Wix CLI.

Tip: To get started quickly, select a template to create a working app in the workspace instead of describing your app idea in the AI app builder.

Step 1 | Generate your app

Use the AI app builder to describe your app idea and generate your project. The AI app builder creates your app using extensions, which add functionality to your app. An app can have multiple extensions that work together to provide various features across different user interfaces and backend services.

Note: The AI app builder can generate some extensions, but not all. For a list of supported extensions, see Supported Features and Limitations.

To generate your app, follow these steps:

  1. Start a new app project and describe your app idea in the AI app builder chat. You can type a custom description or select a sample prompt.
  2. The AI app builder creates a blueprint, a summary of your app's key features and structure. It then builds your app, generating the necessary code and setting up the app dashboard.
    • While your app is building, you see an outline of the build process in the AI app builder chat, showing which files are being created.
    • As files are created, they appear as clickable links in the AI app builder chat. Click any file link to jump directly to that file in the Code tab.
    • For dashboard pages, the AI app builder generates a patterns.json file using Auto Patterns to configure your dashboard pages.

Step 2 | Test your app

Test your app to verify that all features work correctly and fix any issues before making your app available to users.

Select Test App in the top right corner of your workspace to test your app on a development site.

Note: If your app includes site extensions such as widgets, they won't appear in the Site preview until you complete the app setup. In the Preview tab, select Editor to complete the setup, then return to Site to see your extensions.

Step 3 | Release a new app version

Release a new app version to make your changes available.

  1. Click Release in the top-right corner of the Workspace.
  2. In the popup, add any version notes describing what changed in this release.
  3. Click Release Version.

Notes:

  • The release process may take a few minutes to complete.
  • You must release your app before extensions appear in the app dashboard.

Step 4 | Distribute your app

After you release your app, you can begin the app distribution process. Choose from one of the following distribution flows:

Note: When you click Publish to App Market at the bottom of the app dashboard, you may need to fix blockers before your app can be submitted for review. Select Fix blockers to see a list of issues you need to fix. You can't use the AI app builder chat to fix blockers.

See also

Did this help?