i've started using Framer Agent across every phase of a website project now: early layout ideas, new sections, responsiveness, QA, polish, and all the fiddly manual work that used to eat a whole afternoon. especially with the new Skills feature, as a brand designer, it's pretty cool to prototype... a few visual directions for a website quickly and get back something already interactive, not a static mockup. this is a reel of layout explorations from one project. same brief, same references, several directions, all generated in one session. here's how my process looks using framer agent + skills 👇show more

@framer looks like a complete ripoff

it was one of the references included in the visual mood board, you can even see it in my process video in the thread. The reel video is a compilation to showcase multiple one-shotted designs from Agent, and with this own it stayed too close to that specific visual reference. in the thread below is how i work from it as a starting point for further editing.

@framer wow looks exactly like

that’s not surprising, since screenshot from this site was on my visual references mood board. (you can actually see that image in the process video in the thread) the reel is a compilation of websites that the Agent one-shotted, and with this one it stayed too close to that one specific reference. Which is why i didn’t end up using it as a hero section design (showed in the video in the thread where I walk through the process of editing the Agent’s output).

@framer very lame to take other people's work, feed it to an agent to copy it 1:1 then call this your process... especially when advertising a product like this

i start with a moodboard: visual references, colours, type, images, layouts. then i record and transcribe a voice note, long and unstructured, where i just talk through what i like in these references: colours, type, layout, rhythm, details, motion... the way i'd explain a direction to another designer. i hand both the visual references and the transcript to @framer agent and ask for a visual identity exploration applied to a short webpage wireframe. the moodboard + the rambling = is what becomes the Framer Skill.

the @framer Agent generates a few layouts for me to choose from. once i've picked a direction, the polishing is still mine. adding, removing, nudging spacing, adjusting details, making sure it actually resembles what was in my head and not just what the agent guessed. that's the part i wouldn't hand over. once i'm happy, i turn it into a new Skill (e.g. /final-identity) that captures the rules for the whole site. from there it's one line prompt: "build a new section out of this, use /final-identity" faq, footer, cta banner, whatever's next.

@framer very concerning that the inspiration can be people’s individual, original, and non-consensually shared work

@framer Good job inputting the work of young designers, not crediting them, exploiting them, profiting off them! We all have much to learn from your process

@framer I likeeeeee

@framer <3

@framer this site is 🔥🔥🔥

@framer sooooo gorgeous so gorgeous so gorgeous

@framer thank you!

@framer sending to my brand design bestie i’m trying to teach ai workflow to :)

@framer honestly, @0xCharlota take my money and teach how to do this stuff - have you thought of putting a course together?

@framer Ah you are too kind!! But it’s all very straightforward actually, and my process and prompts aren’t sophisticated at all 😅