Microsoftは、手描きしたWebアプリ用ユーザーインターフェイス(UI)デザインのスケッチ画像を読み込み、実際に動くHTMLコードを自動生成する技術「Sketch2Code」を開発した。 この技術を使えば、ブレインストーミングで出されたアイデアを整理してホワイトボードに描いたUIデザイン案を撮影し、その場で実動プロトタイプ化して試す、といった作業が可能になる。まとめたデザイン案を改めて手作業でHTMLコード化する場合に比べ、設計プロセスが高速化されるだろう。 ユーザーは、まずデザイン案の画像をSketch2Code用ウェブサイトへアップロードする。Sketch2Codeシステムは、画像解析して描かれた枠や文字をそれぞれボックスやテキストに変換し、表示位置を整え、適切なエレメントに分類する。そのうえで、UI実現に必要なHTMLマークアップコードを生成する。
![マイクロソフト、手描きスケッチからHTMLコードを自動生成する「Sketch2Code」](https://cdn-ak-scissors.b.st-hatena.com/image/square/724e10b64f7d2da3fedd879a3cdc3b633ac68506/height=288;version=1;width=512/https%3A%2F%2Fjapan.cnet.com%2Fstorage%2F2018%2F09%2F05%2Ffc68b0c6e733f561f2f261c947424939%2F2018_09_05_sato_nobuhiko_004_image_00.jpg)