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.
Run a full site check
When you want to catch problems before publishing.
Audit the entire site and do the following:
- Go through each layer, make sure it's named clearly, and replace one-off colors and fonts with the shared color and text styles.
- Check every button and link, and fix any that are broken or point to the wrong place.
- Add accessibility tags where they belong — for example, a nav tag on navigation and a section tag on each section.
- Flag any inconsistent spacing or accessibility issues for me to review rather than guessing.
When you're done, summarize everything you changed and everything you flagged.
