SKETCH 2 CODE
Mrs.M.Vasuki 1, Dr. T. Amalraj Victoire 2 , R. ANGELIN JESSY FLORENCE 3
1Associate Professor, Department of Computer Applications, Sri Manakula Vinayagar Engineering College (Autonomous), Puducherry 605008, India, vasukimca@smvec.ac.in
2 Associate Professor, Department of Computer Applications, Sri Manakula Vinayagar Engineering College (Autonomous), Puducherry 605008, India, amalrajvictoire@gmail.com
3Post Graduate student, Department of Computer Applications, Sri Manakula Vinayagar Engineering College (Autonomous), Puducherry 605008, India, angelinjessy1173@gmail.com
Abstract-This project presents a next-generation Integrated Development Environment (IDE) that revolutionizes web development by transforming hand-drawn sketches into fully functional HTML code. Leveraging deep learning,By integrating the SketchNet model—a Convolutional Neural Network (CNN) trained to recognize web elements from sketches—and the SWIN Transformer, which captures long-range image dependencies, the IDE ensures accurate and real-time interpretation of various sketching styles. Users can draw interface components directly within the IDE, which instantly processes and translates them into functional code with live previews. This innovative approach bridges the gap between design and development, providing a faster, more intuitive workflow that empowers designers to transform creative ideas into working web interfaces with minimal effort.
Designers can intuitively sketch elements such as buttons, text boxes, and layouts directly within the platform. These sketches are instantly analyzed, converted into accurate HTML structures, and rendered live within the IDE for real-time feedback and adjustments. This seamless transition from sketch to code reduces the gap between design and implementation, accelerates prototyping, and simplifies the development process. By combining visual creativity with automated code generation, the IDE empowers both designers and developers to bring ideas to life more efficiently, making it a powerful tool for modern web interface design.
