Add appear animations

"Add appear effects to the sections on this page: fade in with a 16 to 24px upward move, 0.4 to 0.6s, ease out, played once when the section scrolls into view. Stagger items in lists and grids by 0.05 to 0.1s. Skip the navigation and anything visible on first load, and keep all effects the same across sections."

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?