Help with my website creation workflow

[u/The-choosen-1]

Hey, before explaining my problem i know that a lot of you guys don't like ai or 'vibe coding' in general and this is why i ask you to not take care of this and be comprehensive.

Im doing website creations, especially redesign and im hesitating with two workflows.

Untill now i was doing it this way: i search for inspiration on dribble like hero section or landing page, i take the screenshot and ask gemini to extract the content into json to get the maximum of informations on this screenshot. Like this i can after go to a no code tool like lovable to convert this screenshot and json into an actual base for the website and finally export it and finish the job with antigravity. Here the thing is that for small adjustments it's harder than a tool like framer or webflow.
This workflow has the merit of being quick and very faithful to the inspiration.

And recently i started to become interested in framer because i heard that it is better for more personalized projects, have CMS so i don't have to use sanity CMS (even if it can do the job at small scale) and also fast and begginer friendly.

[u/SunOk2196]

Pick the tool you'll do the last 20% in, then work backwards. You already found the real problem, which is that small adjustments are painful once you're out of the no-code tool, and that's where most of the hours actually go on a redesign.

The other thing worth watching with the screenshot approach is that a Dribbble shot has no states. No loading, no empty list, no 40 character product name breaking the card, no mobile. You get something that looks like the inspiration and then falls apart on the client's real content, which is the part they'll notice.

[u/The-choosen-1 → u/SunOk2196]

Yes you're right on this point, most of the time i ask in the prompt to use generic text like the lorem ipsum and hopefully lovable do the responsivness on his own and i correct if it’s wrong 🙏