Learn how to build, customize, and debug apps on our platform using natural language and AI-powered tools.
Building apps on our platform is designed to be intuitive and accessible to everyone, regardless of technical background. You can create fully functional apps using natural language descriptions. No coding required.
Simply describe what you want to build in plain English. Our AI system understands your intent and generates complete, working applications from your descriptions.
For those who prefer hands-on control, you can view and edit the generated code directly. Make precise changes, optimize performance, or add custom functionality.
The editor offers two distinct modes for different purposes. Choose the right mode based on whether you want to modify your app or just ask questions.
The default mode for making changes to your app. Each prompt generates a new version of your app with your requested changes applied.
Best for:
Ask questions and get guidance without making changes to your app. Toggle to this mode by clicking the "Ask" button in the editor.
Best for:
Choose the AI generation mode that best fits your needs. Different modes offer different levels of capability and resource usage.
Default and recommended
Reliable AI that handles most app development tasks effectively. This is the default mode and works great for everyday apps and features.
Characteristics:
For complex apps
Smarter AI with enhanced reasoning capabilities for complex apps and challenging requirements. Takes longer and uses more credits, but delivers higher quality results.
Characteristics:
Tip: Start with Standard mode for most tasks. Switch to Expert mode when you need to build complex features, handle intricate data structures, or when Standard mode isn't producing the results you want.
Get better results from the AI by following these proven prompting strategies. Clear, specific prompts lead to better apps.
Describe what information your app needs to track or display. Mention fields, categories, or attributes clearly.
Example: "Track my workouts with exercise name, sets, reps, weight, and date"
Explain how you want to interact with the app. What actions should users take? What screens or views do you need?
Example: "I want to add items to a list, mark them as complete, and filter by status"
If you want AI capabilities like chat, text generation, or image analysis, say so directly.
Example: "Use AI to suggest recipes based on ingredients I have" or "Let me chat with an AI about my notes"
Begin with core functionality and add features in follow-up messages. This leads to better results than requesting everything at once.
Example: First: "Create a habit tracker" → Then: "Add a weekly view with progress charts"
When making changes, describe what you want to modify by referencing visible elements. The AI can see your current app.
Example: "Move the add button to the bottom of the screen" or "Change the card layout to a list view"
The preview pane in the editor lets you test your app during development. It shows your app exactly as it will appear after publishing, allowing you to catch issues early and iterate quickly.
Test environment for the current version you're working on. Data entered here is temporary and won't be saved permanently.
The published version accessible to you and your users. Data is permanently stored in your private database.
Technical users can view and edit the generated code directly for precise control over their app's implementation. This is optional. Most users never need to touch the code.
Click the "View code" button to open the code editor. The editor shows your app's complete code.
You can:
Direct code editing is useful for:
Errors are a normal part of app development. Our platform makes it easy to identify and fix issues with AI-powered debugging assistance.
You can also describe what's wrong in your own words instead of copying the error message. This works well for:
Errors that occur when the app runs, often from unexpected data or edge cases
Issues with data types or structure mismatches
Problems with AI features or external data sources
Every change to your app creates a new version, and all versions are preserved in your version history. You can preview any past version and restore it if needed.
The timeline shows a list of all your app versions in chronological order, with the latest version at the top.
To preview a version:
If you want to continue working from an older version, you can restore it. This doesn't delete any versions. It creates a new version based on the old one.
To restore a version:
Versions display badges to help you understand their status:
Currently published version that users see
Currently displayed in the preview pane
Most recently generated version
Every app can be customized with a theme to match your personal style. Change colors, typography, and visual style without writing any code.
Click the "Theme" tab in the editor to open the theme customization panel. You can adjust colors, border radius, fonts, and more.
You can customize:
Like code changes, theme modifications create new versions. You can save changes in-place or create a new version to compare different theme options.