Google、WebUIの自動生成ツール「Stitch」をベータ公開。自然言語で指示するとHTML/CSSを生成

2025年5月22日

Googleは日本時間5月21日未明に開幕した年次イベント「Google I/O 2025」で、自然言語で指示を入力すると自動的にWeb UIを生成するツール「Stitch」のベータ公開を発表しました

fig

StitchはもともとGalileo AI社が提供する同名の「Galileo AI」と呼ばれるサービスでした。これをGoogleが買収し、Geminiをベースにしたサービスにしたものと言えます。

Stitchのデモ画面

下記がStitchの画面です。左側に例(Examples)が並び、右側にはプロンプトの入力欄があるというシンプルなものです。

fig

これから作成するUIがデスクトップ版かモバイル版かを選択可能。また、生成AIとしてGemini 2.5 Flashを使う「Standard Mode」、より忠実なデザインかつ画像見本からもUIを生成できる「Experimental Mode」が選択できます。

以下はStandard Modeのデモ画面です。プロンプトに作りたいWeb UIの内容を自然言語で入力。

fig

「Generate designs」ボタンをクリックすると、複数のデザイン案が表示されます。

fig

ライトモードとダークモード、基本カラー、角の丸め具合、フォントなどのテーマを設定します。

fig

デザイン案にテーマが設定されます。

fig

プロンプトで追加の内容を指示します。

fig

指示されたサーチ機能も追加されたWeb UIが生成され、完成です。

fig

生成されたWeb UIは、HTML/CSSのコードが表示されコピー&ペーストが可能なほか、Figmaへのエクスポートも可能と説明されています。

あわせて読みたい

HTML/CSS 機械学習・AI 開発ツール




タグクラウド

クラウド
AWS / Azure / Google Cloud
クラウドネイティブ / サーバレス
クラウドのシェア / クラウドの障害

コンテナ型仮想化

プログラミング言語
JavaScript / Java / .NET
WebAssembly / Web標準
開発ツール / テスト・品質

アジャイル開発 / スクラム / DevOps

データベース / 機械学習・AI
RDB / NoSQL

ネットワーク / セキュリティ
HTTP / QUIC

OS / Windows / Linux / 仮想化
サーバ / ストレージ / ハードウェア

ITエンジニアの給与・年収 / 働き方

殿堂入り / おもしろ / 編集後記

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed

最新記事10本