Quick Start
Note
Before you begin: All you need is a browser. No software to install. Have a short description of your business or project ready — a sentence or two is enough. Optionally, gather your logo, brand colors, or a reference website URL.
1. Sign up and log in
Visit lokuma.ai, click Login in the top right, and follow the steps to create your account. We recommend Google Sign-in for the fastest experience, but any email works.
Want to move even faster? Just enter your first prompt and click generate from
/create. We'll prompt you to create an account before showing the result. Once you sign up, your journey continues seamlessly — and you'll see your beautiful website come to life.
2. Describe your site or pick a template
After sign-in, you land on the /create page — your starting point for any new project. It has two surfaces, switchable via tabs:
- Templates tab — start from a designer-curated template matching your industry.
- My Projects tab — pick up an in-progress project you've already started.
Option A — Use a prompt directly
Type what you want in natural language. For example:
"Create a single-page website for a coffee shop with menu and contact information."
The more specific you are, the better the result.
Below the input box, the START WITH: row gives you four ways to enrich the prompt before generating:
- + Add files — attach brand guidelines, screenshots, or PDFs. Lokuma's AI uses them to shape style and structure.
- Visuals — open the Visuals dialog to choose a design direction or theme before generating.
- Rebuild Your Website — paste a website URL you'd like Lokuma to reference. The AI considers its information, structure, and visual style when generating yours.
- Your Site About — share more context about your industry, audience, goals, and required functionality. The more context, the smarter the generation.
Option B — Choose a template
Click the Templates tab below the prompt input to browse Lokuma's template library. Templates are organized by category (AI Application, Design Agency, E-commerce, Education, Fintech, Fitness, Portfolio, Restaurant & Café, Retail, SAAS, Software, Travel, Wellness…).
Pick a template that fits your industry and click Get Started — you'll enter the editor with the template loaded as a starting point, ready to customize.
3. Generate the site
Once you submit a prompt or select a template, Lokuma's AI starts generating. You'll see a live progress card showing the four phases:
The four phases:
- Design — picking the design language, palette, typography, and layout direction.
- Code — scaffolding the project and writing pages.
- Build — running the build pipeline, fetching images, generating final assets.
- Done — the site is ready to preview and edit.
Most builds finish in 2–5 minutes.
Note
Credits: Each AI generation or edit uses 1 credit. Free accounts include 3 monthly credits (refreshed automatically on the day-of-month you signed up). See Pricing Plans to compare allowances.
4. Edit and customize
After generation completes, the editor opens with three views accessible from the top bar — Dashboard, Preview, Code:
Visual edit
Click any element on the preview — text, image, button, section. The element gets a red highlight, and the chat panel's Visual edit mode activates:
Describe the change you want ("make this image more minimal", "change the headline to feel more confident") and submit. Lokuma's AI rewrites the underlying code and updates the preview in seconds.
Discuss mode
Toggle the chat panel from Visual edit to Discuss when you want to talk through design direction without committing changes. Useful for getting alternatives, sanity-checking ideas, or just thinking out loud — no credits consumed.
Version control via chips
Every successful generation or edit creates a new version chip in the chat panel:
Each chip shows the version number, file count, time since creation, and a one-click Restore button. Restoring rolls back code and layout to that snapshot while preserving your brand identity (logo, colors, fonts) and chat history.
Below each version chip, TRY NEXT suggestion chips guide the next edit — quick ideas to push your site forward.
Style drawer
Access the Style drawer (top right of the editor) to edit brand-level decisions independent of page content: logo, palette, fonts. Changes here apply across the whole site instantly.
Add or remove sections
Just ask the AI in the chat: "Add a pricing table", "Remove the testimonials section", "Add a new page for our team". The AI updates the page structure and re-renders.
5. Publish and share
When your site is ready, click Publish in the editor's top right corner. A modal opens:
Three publish paths depending on your plan:
- Free — Free plan publishes under a Lokuma subdomain (e.g.
gumqqo.lokuma.app). Pick any available 6–12-character handle. - Custom domain — Starter and above can connect a custom domain. See Custom Domain Setup for full DNS instructions.
- Code export — Starter and above can export the full source (HTML / CSS / JS) and host it themselves.
Lokuma branding: Free plans show a small "Built with Lokuma" footer banner. Starter and above can hide it from Dashboard → Domains → Lokuma branding.
Once published, share the link with customers, partners, or on social media. Continue editing the project in Lokuma anytime; click Publish again to push updates.
What's next
You now have a published Lokuma site. Common follow-ups:
- Manage submissions, SEO, and analytics — open the in-editor Dashboard.
- Connect a custom domain — follow the Custom Domain Setup Guide.
- Upgrade for more capacity — Pricing Plans walks through plan limits, billing, and AI credits.
- Explore advanced features — see Key Features for the full feature tour.
Frequently Asked Questions
How long does generation take?
Most builds finish in 2–5 minutes. Complex sites with many pages or heavy reference materials can take up to 10 minutes. You'll see real-time progress via the Design → Code → Build → Done phase indicator.
What if I don't like the first generation?
You have two options: Restore to a previous version (if you've already generated multiple times), or simply describe what to change in the chat — Lokuma rewrites the code to match. You can iterate freely; every edit creates a new restore-able version.
Do I lose credits if I'm not happy with an edit?
Each AI generation and edit consumes 1 credit. Corrective rebuilds — where Lokuma's AI fails to complete a task correctly and re-tries — are not charged. If you're just unhappy with the design direction, restoring a previous version doesn't refund the credits already used.
Can I edit the underlying code directly?
Yes, on Starter and above. Click the Code tab in the editor's top bar to inspect or edit the generated source directly. Free plans can preview the code but can't edit or export it.
My site looks great but the AI keeps changing things I don't want.
Use Discuss mode to plan changes without committing them, or be more specific with your edit prompts — "only update the hero section, leave testimonials unchanged". If a change goes wrong, click Restore on the previous version chip.
Where are my projects saved?
All projects are auto-saved as you work — your projects list lives on /projects (or via the avatar dropdown → Manage). Free plans allow up to 3 projects; Starter allows 10; Pro and Enterprise are unlimited.