These are ready-to-use prompts for customizing your template with the Framer AI agent. Copy one, replace anything in [brackets] with your own details, and paste it into the Agent panel. Agents are powerful but won't always get it right the first time — if a result isn't what you expected, undo and try again, or make the edit manually.
Get better results:
Select the layer or section first (or
@-mention it), so the prompt can just say "the selected element" instead of describing it.Be specific — exact colors, fonts, and copy mean fewer tries.
For big changes, work in a branch so you can review everything before publishing.
Change a section's layout
When the content is right but the arrangement isn't. Select the section first.
Reorganize the selected section into [X — e.g. a 3-column grid of cards]. Keep the existing content and styling, just change the arrangement.
Fix a mobile or tablet layout
When something looks off on smaller screens. Select the page first.
Check the [phone/tablet] layout of the selected page and fix anything that overflows, overlaps, or looks cramped. Keep the desktop layout unchanged.
