WeWeb AI

Welcome to WeWeb AI! WeWeb AI allows you to build web applications through natural language, by building everything you need for you, including designs, workflows, formulas, and much more.

Design & Layouts

• Intro to WeWeb AI - Learn the basics of WeWeb AI
• AI Modes - Understanding the different AI modes and when to use them
• Passing Context to AI - Use the AI context manager, element selection, and file attachments
• Generating Components - Create custom components with AI

Getting started

To use WeWeb AI in your project:

1. Click the AI chat button in the top bar (or press Cmd+L / Ctrl+L) to open the pinned panel on the left
2. Describe in the chat what you want to build in natural language
3. Pick an AI mode if you need something more specific than Build

AI Capabilities

• Designs & Design Systems: Create and modify page layouts, UI elements, and build consistent design systems with typographies, colors, and spacings
• Workflows: Build and improve workflows
• Formulas: Write and update formulas
• Custom Coded Components: Develop and edit custom coded components
• WeWeb Assistance: Get answers to your questions about using the platform
• Backend Integration: Create database tables, generate serverless functions, and set up secure API connections

Best Practices

• Be specific in your descriptions
• Provide context about your project
• Review and test AI-generated elements
• Combine AI with manual customization
• Use the feedback from each generation and iterate in chat when results need refinement

Each section above provides detailed information about specific aspects of WeWeb AI. Click on any link to learn more about that feature and how to use it effectively in your projects.