Topics
「言葉でUIをつくる」時代へ——Google Stitchとは何か
「デザインの知識はないけれど、頭の中にある画面イメージを誰かに伝えたい」——制作の現場でも、クライアント側でも、こうした場面はよくあります。2025年5月のGoogle I/Oで発表され、2026年3月に大型リニューアルを迎えたGoogleの「Stitch」は、まさにこの課題に向き合うAIデザインツールです。Stitchの基本的な考え方と、実務でどう位置づけられるツールなのかを整理します。
Stitchとは何か
Stitchは、Google Labsが提供するAIネイティブのソフトウェアデザインプラットフォームで、自然言語や画像からUIデザインとフロントエンドコードを自動生成できます。もともとは「Galileo AI」という別会社のサービスをGoogleが買収し、Geminiモデルと統合する形でリブランドしたものです。テキストでの説明はもちろん、手描きのスケッチや参考にしたいサイトの画像をアップロードするだけでも、それに近いUIを生成してくれます。
「バイブデザイン」という考え方
2026年3月のリニューアルでGoogleが打ち出したのが「Vibe Design(バイブデザイン)」というコンセプトです。従来のワイヤーフレーム(画面の骨組み設計図)を細かく作り込む代わりに、雰囲気や要望を言葉で伝えるだけでデザイン案が生成される、という考え方です。いわば「バイブコーディング」のデザイン版と言え、専門知識がなくても、思い描いているイメージを言語化するだけで画面を形にできる点が特徴です。
実務で使える機能
- 自然言語・画像からのUI生成:テキストで要望を伝えるだけでなく、ワイヤーフレームや参考サイトのスクリーンショットからも生成できる
- DESIGN.md:色・タイポグラフィ・余白・コンポーネントのルールをマークダウン形式で書き出す仕組み。既存サイトのURLを指定して抽出することも可能
- Figma連携・コード出力:生成したUIはFigmaに貼り付けたり、HTML/CSSやReactのコードとして出力できる
- MCP対応:2026年の対応により、Claude CodeなどのAIコーディング環境と接続し、デザインから実装までを橋渡しできる
何ができて、何ができないのか
多くの解説記事に共通しているのは、Stitchが得意なのは「アイデアの初期段階を素早く可視化すること」であり、完成品をそのまま納品できる万能ツールではないという点です。生成されるデザインは構造的には正しくても、ブランド独自の世界観や「このお店に行ってみたい」と思わせるような情緒的な説得力までは、現状のAIだけでは作り込みきれないという指摘も見られます。つまり、たたき台として素早く形にし、そこから人間が方向性を判断・調整していく使い方が現実的です。
制作会社にとっての意味
Stitchのようなツールが広がることで変わるのは、「デザインができる・できない」の境界線ではなく、コミュニケーションの起点です。クライアントとの打ち合わせで「言葉だけでは伝わらなかったイメージ」を、その場で画面として可視化しながら議論できるようになります。一方で、複数画面にまたがる一貫性のあるブランド体験や、細部までこだわったコーポレートサイトの品質は、依然として人間のディレクションが欠かせない領域です。AIが最低限の土台を素早く引き上げ、その先の「独自性」を人間が仕上げる——という役割分担が、これからのデザイン制作の現実的な形になりそうです。
まとめ
StitchはUIデザインの初期工程を劇的に速くするツールであり、デザイナーだけでなく、開発者やプロダクト担当者、非デザイナーのビジネスパーソンまで幅広く使えることを想定しています。「言葉でUIをつくる」流れは今後さらに広がっていくと考えられますが、そこで生まれた土台に、ブランドらしさや情緒的な説得力をどう重ねていくかは、引き続き人の手による設計と判断が問われる部分だと言えそうです。