Build an App with AI

Alpha: Building apps with AI 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.

Build your app through conversational prompts with the AI agent. The AI 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 to the AI agent.

Step 1 | Generate your app

Work with the AI agent to describe your app idea and build your app. The AI agent builds 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 agent 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. Describe your app idea to the AI agent. You can type a custom description or select a sample prompt.
  2. The AI agent analyzes your requirements and creates a detailed blueprint for your app. Review it to ensure it matches your vision. If it doesn't match your vision, refresh your browser to create a new app, refine your prompt, and start again.
  3. Select Build it on the blueprint. Then, the AI agent builds your app, generates the necessary code, and sets up the app dashboard.
    • While your app is building, you see an outline of the build process in the AI chat, showing which files are being created.
    • As files are created, they appear as clickable links in the AI chat. Click any file link to jump directly to that file in the Code tab.
    • For dashboard pages, the AI 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 chat to fix blockers.

See also

Did this help?