AI Navigate

Google、“バイブデザイン”ツール「Stitch」をβ公開 手書きスケッチを数秒でコード化

ITmedia AI+ / 2026/3/19

📰 ニュースSignals & Early TrendsTools & Practical Usage

要点

  • GoogleがStitchをβ公開し、手書きスケッチを数秒でコード化できる機能を公表した。
  • Stitchはデザインから実装への変換を自動化するツールとして、デザインと開発の連携を加速する可能性を示唆している。
  • β版公開は初期段階であり、早期ユーザーからの評価やフィードバックが今後の機能拡張の鍵となる。
  • 手書きからコードへの変換をAIで実現する動きは、デザインツール市場の新しいトレンドとして注目されそうだ。

 米Googleは3月18日(現地時間)、AIを活用したUIデザイン生成ツール「Stitch」(β)をGoogle Labsの一部として公開した。Googleによると、Stitchが提供する最大の価値は、昨今エンジニアの間で話題となっている「バイブコーディング」のデザイン版とも言える「バイブデザイン」の実現にあるという。

 stitch 1

 バイブデザインとは、厳密な設計図や数値指定を行う代わりに、作り手の直感や「なんとなくこんな感じ」という抽象的なニュアンス(Vibe)をAIに伝え、対話を繰り返しながらデザインを立ち上げていく手法を指す。Stitchは、高精度なデザイン生成で注目を集めていた新興企業Galileo AIの技術をベースにしたもので、Googleは2025年5月に同社を買収し、自社のマルチモーダルAIである「Gemini」を統合する形で開発を進めてきた。

 チャット形式のプロンプト入力欄に、作りたいアプリやWebサイトのイメージを自然言語(日本語も可)で入力するだけで、レイアウトや配色、フォント、画像までを含めた画面デザインが数秒で生成される。最新版では、手書きのスケッチをデジタルなUIに変換する機能や、音声指示によるデザインのブラッシュアップ、画面遷移を含めたプロトタイプの自動生成など、「Gemini 3」の能力を活かしたエージェント機能も備わっている。

 Stitchは、専用サイトにアクセスし、Googleアカウントでログインすれば誰でも利用できる。生成したデザインはFigmaへレイアウトを維持したままコピー&ペーストできるほか、ReactやTailwind CSSなどのフロントエンドコードとして書き出すことも可能だ。

 試しにITmedia NewsのURLに「もう少し洗練されたデザインにして」と添えて頼んだところ、数段階のやり取りの末、以下のようなデザインを提示された。

 stitch 2 Stitchが提案するITmedia Newsのトップページ

 フォントの変更や雰囲気を「もっとサイバーな感じにして」などと注文を続けることもできる。完成したら画像(png)やコードとしてダウンロードすることもできる。

 現在はGoogle Labs内のプロジェクトとして基本無料で提供されているが、利用には一定の制限があり、標準的な生成モードで月間350回程度、より高度な実験的モードでは月間50回程度といった生成回数の上限が設けられている。

関連記事

関連リンク

Copyright © ITmedia, Inc. All Rights Reserved.

続きを読むには、コメントの利用規約に同意し「アイティメディアID」および「ITmedia AI+メールマガジン」の登録が必要です