Create a section or page
Build a small first draft with clear content and layout requirements.
Soidesmax · 2 min read · Updated 2026-10-27
Before you begin
Work in a practice copy. Select the section you intend to change, then open Agent in the right-hand panel. Use Style for manual property edits. AI availability and credits depend on your workspace; these steps are optional and the manual Framer UI lessons work without AI.
Give the Agent a focused task
Paste this starting prompt and replace the example details with your own:
Create a draft FAQ section for this existing site with four questions from the text below: [paste questions and answers]. Match our current text and color styles. Use a single-column layout with accessible buttons for expandable answers. Keep all existing pages unchanged and do not publish.
Review the result
Review the generated copy, expand/collapse behavior, keyboard focus and small-screen spacing. For a new page, confirm its path and navigation link. Use your own images and remove any placeholder content.
Finish deliberately
Compare the result with your original. Undo unwanted edits before continuing. Check phone, tablet and desktop previews, including widths between breakpoints. Publish only after reviewing the actual content and links.