Using AI Generation
The AI Design Studio can generate design components from natural language descriptions. Use the term Smart Layout when creating an AI layout. The term Smart Layout will bind the elements of the layout so that the text from the article will display. Example prompt. I need a smart layout that provides a headline, the author, the body and related content.
How to Generate AI Designs
- Click the magic wand button in the editor toolbar
- In the modal that appears, describe what you want to create
- Example: “A hero section with a gradient background and centered text”
- Example: “A three-card feature section with icons”
- Click Generate
- Click Select This Design
- The generated HTML/CSS is inserted into your layout
AI Generation Tips
- Be descriptive about layout, colors, and styling
- The AI generates structure and design, not actual content
- Generated designs use placeholder text that you’ll replace
- If neither variant works, click Regenerate for new options
- All AI-generated CSS is prefixed to avoid conflicts with existing styles
What AI Can Generate
- Hero sections and banners
- Card layouts and grids
- Navigation menus
- Feature sections
- Call-to-action blocks
- Testimonial displays
- Footer layouts
- And more…