Generation Methods
Frontends can be generated in two ways: By prompt: Generate a complete full-stack application (backend + frontend) from a single natural language description. The frontend is automatically created to work with the generated backend API. By Figma design: Convert existing Figma designs into pixel-perfect HTML/CSS code. This allows you to bring your design mockups to life while maintaining visual fidelity to your original designs.Customization and Iteration
Once generated, frontends can be customized to the fullest extent using our AI assistant. You can have natural language conversations with the assistant to make changes, add features, modify layouts, or refine the user experience. The assistant understands your application’s structure and can make targeted modifications while maintaining consistency.Deployment Options
Generated frontends can be accessed in two ways: Hosted by Sutro: Your frontend can be hosted directly through the Sutro API, making it immediately accessible via a URL. This is perfect for rapid prototyping and testing. Simply deploy your application and access it via the provided URL. Static bundle export: Export your frontend as a static bundle (HTML, CSS, JavaScript, and assets) that can be served by any web server. This gives you complete control over hosting and deployment. When self-hosting, you’ll need to:- Configure CORS on your backend to allow requests from your frontend’s origin
- Export the frontend bundle via the API
- Deploy the bundle to your hosting provider
Getting Started
- Learn how to build a full-stack app with frontend - Generate both backend and frontend from a prompt
- Self-host your frontend - Export and deploy the frontend to your own infrastructure
- Prompt to frontend - Use prompts to modify and iterate on your frontend using natural language