Microsoftは、手描きしたWebアプリ用ユーザーインターフェイス(UI)デザインのスケッチ画像を読み込み、実際に動くHTMLコードを自動生成する技術「Sketch2Code」を開発した。 手描きUIデザインから実動HTMLコードを自動生成(出典:Microsoft) この技術を使えば ...
流れてきたツイートをみて「なんだこのデモは」といろいろ見てみたところ、Microsoft AI labがすごい技術を公開していたので簡単にまとめます。どういう技術かというと「手書きのワイヤーフレームを適切に修正してHTMLに自動変換」してくれます。 Kabel, Spike ...
Microsoftは、手描きしたWebアプリ用ユーザーインターフェイス(UI)デザインのスケッチ画像を読み込み、実際に動くHTMLコードを自動生成する技術「Sketch2Code」を開発した。 まさに今触っている分野でもあるので凄く便利な機能だと思いました。 実際コードを ...
アイデアをすぐにブラウザ上で試せます。 マイクロソフトが、Webアプリ用ユーザーインターフェース(UI)のスケッチから、HTMLコードを自動生成する技術「Sketch2Code」を開発しました。手描きのUIを、ブラウザ上で動くコンテンツへ瞬時に変換してくれます。
Sketches are a natural and accessible medium for UI designers to conceptualize early-stage ideas. However, existing research on UI/UX automation often requires high-fidelity inputs like Figma designs ...
Microsoft introduced a Web tool driven by AI technologies and Azure cloud services that turns whiteboard sketches into HTML code for text boxes, check boxes, buttons and so on. Aptly named Sketch2Code ...