Getting Started with SproutOS: From Prompt to Export
Create your first website project in SproutOS. Start with a prompt, generate a sitemap, customize the design, and export in one flow.
SproutOS takes you from a project idea to an export-ready website design in one structured flow. You start with a text prompt on the dashboard. SproutOS generates your sitemap automatically. You then customize the design and export to Elementor, Gutenberg, or Figma. Sitemap, design, and export all happen in one place. No separate tools needed.
Best Used For
- Freelance web designers scoping client sites before committing to detailed design work
- WordPress agencies generating pre-sales mockups from discovery calls and client briefs
- Solo founders and small teams building a first marketing site without a dedicated designer
Key Features
- Quick Prompt — Type a short description and get a full sitemap generated in seconds. Use this when you already know what you want and need a fast starting point.
- Sitemap Editor — Visually add, remove, reorder, and rename pages and sections before design. Use this to lock in information architecture before any pixels are generated.
- Design Editor — Swap color palettes, font pairs, layout variants, and images with live preview across mobile, tablet, and desktop. Use this to match a client brand without hand-editing CSS.
- Multi-Format Export — Export the finished design to Elementor, Gutenberg, or Figma. Use this to hand off to a developer, drop straight into a WordPress site, or continue in your design tool.
Before You Start
- A SproutOS account. Sign up at
https://sproutos.aiif you do not have one - A basic description of the website you want to build
Step 1: Log In to the Dashboard
Go to https://dashboard.sproutos.ai and log in with your email or Google account.
You land on the main dashboard. Your recent projects appear on the left. The prompt box sits in the center of the screen.
Step 2: Start Your Project
SproutOS gives you two ways to start a project.
Quick Prompt generates a sitemap from a short description immediately. Type one or two sentences and click Generate.
Type a short description of the website in the prompt box. One or two sentences is enough.
Click Generate. SproutOS uses your prompt to build a sitemap immediately.
Not sure what to write? Click Spin up an idea below the prompt box to get a starting suggestion.
Step 3: Review Your Sitemap
After you click Generate, SproutOS builds a full sitemap for your project.
The sitemap shows your pages and sections in a visual layout. You can add, remove, reorder, or rename anything before moving to design. Nothing is locked in at this stage.
Sitemap Editor
Learn how to add pages, reorder sections, and use the AI chat to refine your site structure.
Step 4: Customize Your Design
Once your sitemap is ready, SproutOS generates a full visual design for every page and section.
In the Design Editor, you can:
- Switch between color palettes and font pairs
- Swap section layout variants
- Upload images or browse the stock photo library
- Edit text directly on the canvas
- Preview on mobile, tablet, and desktop
Design Editor
Learn how to customize colors, fonts, images, and section layouts in the Design Editor.
Step 5: Export Your Project
When your design is ready, export it to your production tool.
SproutOS exports to three formats:
| Format | What It Does |
|---|---|
| Elementor | Ready-to-import WordPress page builder template |
| Gutenberg | WordPress block editor format |
| Figma | Design file for handoff or further editing |
Export Guide
Step-by-step import instructions for every export format.
Frequently Asked Questions
Yes. The Sitemap Editor lets you add, remove, reorder, and rename pages and sections at any time, before and after moving to the Design Editor.
You can swap section variants, change color palettes, and switch font pairs inside the Design Editor. No generated design is locked in.
Yes. You can invite people from the dashboard and assign them a role. Clients get view-only access by default.
If SproutOS does not produce a sitemap after you click Generate, check that your prompt has enough context (one short sentence minimum), refresh the dashboard, and try again. If the issue continues, open the project from your recent projects list and re-run generation, or contact support from the dashboard.
SproutOS is built for designers and agencies who need a sitemap-first flow and direct export to Elementor, Gutenberg, or Figma. Use SproutOS when the end deliverable is a WordPress site or a handoff file, rather than a hosted page on a proprietary platform.
Provide concrete details in your prompt about the target audience, brand direction, and references. SproutOS uses this context to generate a closer match to what the client expects, which reduces back-and-forth in the Design Editor.
