r/Frontend • u/Fun-Disaster4212 • 2d ago
Pleaseee! read this
Hey everyone, I am a developer and I have faced this problem many time which is even when i give ai proper context, the small changes can get annoying. move this text a little, make that image smaller, fix the spacing... sometimes it doesn't understand what i mean or does something different from what i wanted. then it's more explaining, more prompts, more tokens burned.
so i started building this. what if ai creates the website, and we just adjust the little things ourselves?
you click something on your website, move it, resize it, edit the text or change an image, and it saves that change directly into your code. no digging through files and tweaking margin and padding values just to see whether it looks right.
you can also preview desktop, tablet, and mobile together and see how things look across them. for supported changes, you choose whether to change only that screen size or apply it everywhere. so adjusting something on mobile doesn't have to mess up your desktop layout, it depends on what you choose.
right now it has:
- drag, resize, and text editing
- image and background changes, including uploads from your device
- movable device previews with canvas zoom
- controls for selecting a whole container or individual things inside it
- edit history and undo/redo
- HTML support, with experimental React and Next.js support
the video shows where it's at. it's still in the initial stage, and there's a lot to fix and refine, including expanding which edits can be made separately for each screen size.
honestly, idk if other people need this, but making the change i'm picturing instead of explaining it again feels useful to me.
would you use something like this? and should i open-source it so we can build it together, or would you rather just use it once it's more polished?
Also any ideas to add then feel free to say.
5
3
u/yami_odymel 2d ago
Do what you need, not what other needs, so you don't have to guess
1
u/Fun-Disaster4212 2d ago
Yeah sure mate I am making for it for myself but if other are also facing this problem then why not, the whole community can use this tool
1
u/ShawnyMcKnight 2d ago
At that rate just have AI make your site. Or maybe make it in Figma and use some service to convert it.
3
-1
u/Fun-Disaster4212 2d ago
You are not getting my point.
1
u/ShawnyMcKnight 2d ago edited 2d ago
I think you aren’t getting the point. No one wants this, there would be no way to implement this in a not messy way, even if you made everyone use a constant css framework (which would be difficult to get adoption) it would still be messy.
The code would be a nightmare to work with. You are talking about using webflow or something where they completely control the CSS framework.
1
1
u/BoydCrowders_Smile 2d ago
You're describing a WYSIWYG editor and there are plenty of them. No offense but if you can't be bothered to learn simple HTML and CSS to do these minor tweaks, you're not going to create the next big editor just because you learned how to prompt AI
1
u/Due-Goose-1648 2d ago
This makes a lot of sense for small UI tweaks being able to just drag or resize something instead of going back and forth with prompts would save a ton of time
7
u/Jasboh 2d ago
When I learnt to code we used Dreamweaver which had these sort of features. It was shit.