Add hover states

"Give every button, link and card on this page a hover state. Buttons and links: a small color or opacity change. Cards: a subtle border or background change, or a 2 to 4px lift. Use a 0.2s ease-out transition, and add the hover as a component variant where the element is a component."

Paste this prompt into your Framer AI agent and run it on the page you’re working on.

Discover more prompts

Audit my spacing

Review every section on this page, on every breakpoint, against a 4px spacing scale (4, 8, 12, 16, 24, 32, 48, 64, 96). List each gap or padding value that is off the scale, the layer it sits on, and the nearest allowed step. Do not change anything yet.

Rewrite my hero copy

Copy

Rewrite this hero headline and subline for my site. Headline: six words max, saying what I offer and for whom. Subline: one sentence with the main benefit. No buzzwords, no exclamation marks. Give me three options, each with a different angle.

Add phone breakpoint

Layout

Create a phone breakpoint (390px) for this page. Switch horizontal stacks to vertical, reflow grids to one column (two for small items like logos), reduce section padding by about half, keep body text at 16px or larger, and keep at least 16px of side padding so nothing touches the screen edge.

Audit my spacing

Rewrite my hero copy

Copy

Browse all prompts

Frequently asked questions

How to use this prompt in Framer AI, and what to expect when you run it.

Get in touch

Are the prompts free?

Will a prompt change my site without asking?