Pleaseee! read this

Reddit r/artificial Tools

Summary

A developer describes building a tool that allows users to visually adjust AI-generated websites by dragging, resizing, and editing elements, which directly updates the code, with support for responsive design previews and changes.

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 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.
Original Article

Similar Articles

Editable Visual Design

Hugging Face Daily Papers

A coding agent guided by vision-language models generates editable layered designs by synthesizing visual assets and refining HTML/CSS layouts, enabling post-editing with precise control.

DesignMD

Product Hunt

DesignMD is a tool that converts any website into an AI-ready design system, streamlining the design-to-development workflow.