i tried Framer Agent to build a brand guidelines website template — something i've meant to do for a while. a site i can swap a logo, nudge a colour, update the type, and send a link instead of re-exporting a pdf nobody opens.

a few observations on the AI process:

- i started with references. pulled together a handful of minimalist grid layouts and had Claude describe the visual style back to me. you can do the same inside Framer, feeding it the references directly.

- from there i had it write a detailed prompt aimed at that exact style, then asked it to break it into a few smaller steps. then i fed those into the agent, one at a time.

- the scaffolding stage is the satisfying part. for something this grid-driven (the columns, the spans, the whole underlying structure) watching it land in seconds is hard to look away from.

- but then i still have to sweat the details: text alignment, line-heights, image sizes. i don't mind it at all; it's the part i like, making these design decisions.

the strength of the agent is the mundane work. point it at the stuff that eats your time: cleaning up the build, adding responsiveness, dropping in small effects, checking text and colour styles stay consistent, writing alt text for every image.

then i get the time back for the parts of web design that are actually fun. 🤝

i tried Framer Agent to build a brand guidelines website template — something i've meant to do for a while. a site i can swap a logo, nudge a colour, update the type, and send a link instead of re-exporting a pdf nobody opens.

a few observations on the AI process:

- i started with references. pulled together a handful of minimalist grid layouts and had Claude describe the visual style back to me. you can do the same inside Framer, feeding it the references directly.

- from there i had it write a detailed prompt aimed at that exact style, then asked it to break it into a few smaller steps. then i fed those into the agent, one at a time.

- the scaffolding stage is the satisfying part. for something this grid-driven (the columns, the spans, the whole underlying structure) watching it land in seconds is hard to look away from.

- but then i still have to sweat the details: text alignment, line-heights, image sizes. i don't mind it at all; it's the part i like, making these design decisions.

the strength of the agent is the mundane work. point it at the stuff that eats your time: cleaning up the build, adding responsiveness, dropping in small effects, checking text and colour styles stay consistent, writing alt text for every image.

then i get the time back for the parts of web design that are actually fun. 🤝