About Building Apps 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.
You can now build Wix apps by describing what you want to an AI agent. Instead of writing code from scratch, you explain your app idea to the AI agent, and it generates a complete app project using the Wix CLI. The AI agent writes the code, sets up your app dashboard, and configures extensions based on your requirements. You can continue to refine your app at any time in the workspace that provides all the tools you need to develop and manage your app, including a built-in AI chat.
The workspace
The workspace is your central development environment for Wix apps built with AI. It provides all the tools you need to manage your app, including a built-in AI chat.
The workspace consists of the following main tabs:
App dashboard
The App Dashboard tab provides a management hub for your app. In the app dashboard you can:
Code
The Code tab provides a VS Code-based development environment where you can directly edit your app's files. Changes are auto saved every few seconds. You can also edit your app's code using GitHub integration.
Note: The code tab isn't supported in Safari.
Code structure
AI app projects use Astro, a web development framework optimized for performance, with React for UI components. The AI assistant generates dashboard pages using Auto Patterns, a configuration-driven library. The AI assistant automatically generates the Auto Patterns configuration in the patterns.json file, which lets you build dashboard pages using JSON instead of manually writing React components.
The src folder contains extensions that add functionality to your app. Each extension type has its own subfolder, such as dashboard or site.
Caution: Only edit files that are in the src folder. Editing other files may cause unexpected behavior or damage to your project.
Preview
The Preview tab lets you view your app in different contexts without leaving the platform. It provides the following views:
- Dashboard Page: View your dashboard extensions as a Wix user.
- Market Listing: View how your app will appear in the Wix App Market.
- Editor: View how your app behaves when integrated with the editor.
- Site: View your site extensions from the perspective of site visitors.
GitHub integration
You can connect your Wix apps built with AI to a Git repository hosted on GitHub, allowing you to work in your preferred IDE and collaborate with your team. Learn more about GitHub integration.