Framer Start with AI —
Complete Guide to AI Generation
Master Framer's “Start with AI” feature. Learn how to use AI website generation, write effective prompts, and unlock advanced AI editing tools inside Framer.
“Start with AI” is Framer's AI website generation feature that creates complete websites from text prompts. Access it from your Framer dashboard when creating a new project. Write a detailed description of your website, click Generate, and receive a fully designed, responsive website in under 60 seconds. Generations are unlimited on all plans including free. After generating, use the visual editor and section-level AI tools to refine the result.
What is “Start with AI” in Framer?
“Start with AI” is the primary entry point for AI-powered website creation in Framer. When you log into your Framer dashboard and click to create a new project, you see three options: Start with AI, Start from Template, and Start from Scratch. The AI option opens a text prompt interface where you describe the website you want to build.
Unlike template-based approaches where you pick a pre-made design and customize it, “Start with AI” generates an entirely original website design based on your description. The AI considers layout structure, visual hierarchy, color theory, typography pairing, content placement, and responsive behavior — all from your natural language input.
Step-by-Step: How to Use Framer Start with AI
Log In to Your Framer Dashboard
Go to framer.com and sign in with your account. If you don't have one, create a free account — no credit card required. You'll land on your project dashboard.
Click "Start with AI"
On the dashboard, you'll see the option to create a new project. Click the "Start with AI" button — it's prominently displayed with an AI icon. This opens the AI generation prompt interface.
Write a Detailed Prompt
Type a 2–4 sentence description of your website. Include the purpose (portfolio, SaaS, agency), design style (minimal, bold, dark), specific sections you want, and color preferences. The more detailed your prompt, the better the AI output.
Click Generate and Wait
Hit the Generate button. The AI processes your prompt and creates a complete website in 30–60 seconds. You'll see a progress indicator while the AI works. The result appears in the visual editor.
Review the Generated Design
Examine the AI-generated website in the editor. Check the layout, typography, colors, and content. Preview it in desktop and mobile views. If it's not right, you can regenerate with a modified prompt.
Refine with AI Tools
Use Framer's section-level AI tools to regenerate specific parts of the page. Highlight any text to rewrite it with AI. Add new pages using the AI page generator. These tools let you selectively improve without starting over.
Customize in the Visual Editor
Fine-tune every element manually: drag to reposition, click to edit text, adjust CSS properties in the right panel, add animations, and swap images. The visual editor gives you complete creative control.
AI Tools Available After “Start with AI”
The “Start with AI” button is just the beginning. Once inside your project, Framer offers several additional AI tools for ongoing editing and enhancement.
| AI Tool | What It Does | When to Use |
|---|---|---|
| Section Regeneration | Recreates a specific section with AI | When one section doesn't match your vision |
| AI Page Generator | Adds a new AI-generated page to your project | Creating additional pages post-generation |
| AI Copy Rewriter | Rewrites text with tone and style controls | Refining headlines, body copy, or CTAs |
| AI Image Suggestions | Suggests relevant images for your content | Replacing placeholder imagery |
| Layout Suggestions | Proposes alternative layout arrangements | Exploring different design directions |
Best Practices for “Start with AI” Prompts
Your prompt quality directly determines the quality of the AI-generated website. Follow these best practices for consistently excellent results.
✓ Do This
- Be specific about style: “Minimal dark theme with purple accents”
- Name the sections: “Include hero, features, pricing, testimonials, FAQ”
- State the purpose: “SaaS landing page for a scheduling tool”
- Describe the audience: “Targeting startup founders and small teams”
- Mention specific elements: “Add a pricing comparison table with 3 tiers”
✗ Avoid This
- Vague prompts: “Make a website” — too generic for good results
- Conflicting styles: “Minimal and busy with lots of elements”
- Technical jargon: The AI understands design language, not code syntax
- Very long prompts: Keep it to 2–4 sentences; longer is not always better
- Copyrighted references: “Make it look exactly like Apple.com”
For a comprehensive library of tested prompts, visit our Framer AI prompt guide with 20+ ready-to-use examples.
“Start with AI” vs. Templates vs. Blank Canvas
| Factor | Start with AI | Template | Blank Canvas |
|---|---|---|---|
| Speed | <60 seconds | 5–10 min setup | Hours |
| Uniqueness | Original design | Shared with others | Fully custom |
| Design Quality | High | High | Depends on skill |
| Effort Required | Minimal | Low | High |
| Control | Full (after generation) | Full | Full from start |
| Best For | Fast unique sites | Proven designs | Expert designers |
Frequently Asked Questions
Everything you need to know about Framer AI, answered.
The 'Start with AI' button appears on your Framer dashboard when you create a new project. It is the primary option alongside 'Start from Template' and 'Start from Scratch.' You can also access AI generation within existing projects by clicking the AI icon in the toolbar.
There is no limit on AI generations. You can use 'Start with AI' as many times as you want on any plan, including the free plan. Each generation creates a new result — you can keep generating until you find a design that matches your vision.
Yes. While 'Start with AI' creates new projects, Framer also offers AI tools within existing projects. You can regenerate individual sections, add new AI-generated pages, rewrite copy with AI, and use AI to create new components — all within your current project.
Good prompts are specific and detailed. Include: the website purpose (portfolio, SaaS, agency), visual style (minimal, bold, dark, colorful), color preferences, specific sections you want, and target audience. Prompts with 2-3 sentences produce significantly better results than single-sentence prompts.
Yes. Framer maintains a full history of your project. If you generate something and want to revert, you can undo the changes. For 'Start with AI' on new projects, simply delete the project and start fresh — since generations are unlimited, you can always create a new one.
The 'Start with AI' feature is optimized for desktop browsers. While you can technically access framer.com on mobile, the AI generation and visual editing experience works best on desktop with a screen width of 1280px or larger.