AI Chat
The AI chat is your primary tool for building applications. Communicate naturally with the AI to create, modify, and refine your projects.
Chat Interface
The chat panel appears on the right side of the builder. It includes:
- Message input - Type or speak your requests
- Conversation history - Previous messages and responses
- Attachments - Upload files and images
- Model selector - Choose which AI model to use
AI Chat Guides
Prompt Tips
Learn strategies for writing effective prompts.
Model Selection
Choose the right AI model for your needs.
Figma Import
Import and convert Figma designs to code.
Screenshot Analysis
Upload images for the AI to analyze and recreate.
How It Works
- Type your request or describe what you want
- The AI analyzes your request and the current project state
- Code is generated and applied to your project
- The preview updates to show your changes
- Continue the conversation to refine further
Conversation Context
The AI maintains context throughout your conversation:
- It remembers what you've asked before
- You can reference previous changes ("make that bigger")
- It knows your project's current state
- You can build incrementally on previous work
Credit Usage
Each message uses credits based on the AI model and response length. You can see your credit balance in the chat panel.
Next Steps
Explore these guides to master the AI chat interface.