Year: 2025
Type: article
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.
DOI: 10.55041/ijsrem50062
Author: Mrs .M.Vasuki
Language: English
Topic: Mobile and Web Applications
Subfield: Information Systems
Field: Computer Science
Domain: Physical Sciences
Open Access status: bronze
OpenAlex ID: W4411208868