Style your brand with Agent
Update one section's visual direction using your own brand rules.
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:
Restyle only the selected hero for North Studio. Use our existing heading and body styles, a warm neutral background, dark readable text and a blue action button. Keep the current copy, links, layout and responsive behavior. Reuse existing color styles where possible; do not publish.
Review the result
Check the heading, paragraph, button, hover state and focus outline. Confirm the existing styles were reused. Review both light and dark color values before applying this treatment to other sections.
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.