Sketch2Code

In plain words

Sketch2Code is an AI tool by Microsoft that converts hand-drawn design sketches into HTML code. It uses a Custom Vision Model to recognize design elements in images and automatically generate corresponding HTML markup. The tool is intended for designers and developers who want to streamline the process of turning paper mockups into functional web code, eliminating manual HTML coding from sketch-based designs.

written from the facts on this page · September 2026

From the sources

A Custom Vision Model trained to perform object recognition against HTML hand drawn patterns is used to detect meaningful design elements into an image.

The Need- User Interface Design process involves a lot a creativity that starts on a whiteboard where designers share ideas. Once a design is drawn, it is usually captured within a photograph and manually translated into some working HTML wireframe to play with in a web browser. This takes effort and delays the design process. The Solution- Within Microsoft Cognitive Services we host Computer Visi

Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. The Need- User Interface Design process involves a lot a creativity that starts on a whiteboard where designers share ideas. Once a design is drawn, it is usually captured within a photograph and manually translated into some working HTML wireframe to play with in a web browser. This takes effort and delays the design process. The Solution- Within Microsoft Cognitive Services we host Computer Vision Service . The model behind this service has been trained with millions of images and enables object detection for a wide range of types of objects. In this case, we need to build a custom…from learn.microsoft.com

• 
  Sketch Logo AI2024 · sketchlogo.ai · ▲259

  Craft logos, illustrations and tattoos in seconds with AI

• 
  AI Design Sketch by Stylar2024 · dzine.ai · ▲373

  Turn design sketches to product images online

• 
  Sketch2scheme2024 · sketch2scheme.com · ▲208

  Convert hand-drawn diagrams into digital schemes

• 
  Microsoft Designer for Web2023 · designer.microsoft.com · ▲472

  Stunning designs made lightning fast with AI

• 
  Magnific Sketch to Image2023 · magnific.com · ▲413

  Sketch-to-image AI image generator, in real time

• 
  Convert sketches into images using ControlNet2023 · clio.so · ▲76

  Hi HN! We're working on an AI studio product, and have been experimenting with the recently-released ControlNet (https://github.com/lllyasviel/ControlNet) After wasting hours with it, we decided to put together a quick fun project. "Sketch" allows you to draw anything (works w/ touch inputs on mobile too), enter a prompt (it can be as simple as "drawing" and it'll try to guess) and you get something out fast. Keeping it all on a public feed as well, to serve as inspiration. Hope anyone here finds it fun :-)

• 
  Run full iOS 16.5 firmware on Android Devices▲506

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  /dev/null▲493

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Exploding Topics▲949

  Find proven topics before they take off.

  Growth · 2019 · explodingtopics.com

• AA
  Angeldust – a fast and efficient video game▲716

  After years of solo development I'm presenting: Angeldust, an omni-compatible action RPG and building game! Website: http://angeldu.st My single server hosts 250+K active players in one giant, dynamic fantasy world. Angeldust's game server is pervasively multithreaded, implementing John Carmack's dream of processing an immutable world state each tick. Both world handling and network traffic routing uses any number of threads. For networking, a typical game session only uses ~3Kbps of bandwidth, enabling decent play even over 2G/EDGE networks. The client is programmed in C++…

  Growth · 2019

• AS
  A searchable list of self-hosted software with screenshots▲656

  Dev tools · 2019 · selfhostedsource.tech

• 
  A tiny isometric city builder in JavaScript▲593

  A isometric city builder in JavaScript. Contribute to victorqribeiro/isocity development by creating an account on GitHub.

  Dev tools · 2019 · github.com

• 
  AI Dungeon 2 – AI-generated text adventure built with 1.5B param GPT-2▲584

  Play and create AI-generated adventures with infinite possibilities.

  AI · 2019 · aidungeon.io

• 
  Mailmeteor▲567

  Send hundreds of personalized emails with Gmail.

  Growth · 2019 · mailmeteor.com