画像・デザイン・資料無料プランあり
Google Stitch文章やスケッチからUI画面とコードを作りFigmaへ渡すGoogle Labsのデザイン実験
Google Stitchは文章やワイヤーフレーム画像からアプリ画面のデザインとフロントエンドのコードを生成し、Figmaへの書き出しや複数案の比較ができるGoogle Labsの実験ツールです。画面案を素早く作って開発者と共有したい企画・デザイン担当者に向きます。
- こんな仕事に
- 画面案を短時間で複数作り、Figmaやコードで開発者へ渡したい企画・デザイン担当者
- 無料で試せる範囲
- Google Labsの実験として無料で提供。生成上限はログイン後の表示で確認します。
- 日本語で使う前に
- 公式ページ・料金またはDocsを確認しましたが、日本語UIと日本語入力での品質は未実機確認です。
使える仕事と向いている人
「予約管理アプリのホーム画面、日本語UI」と指示して画面案を2案作り、Figmaへ書き出してから生成コードの構造を確認する未実施の提案です。
候補になるのは
画面案を短時間で複数作り、Figmaやコードで開発者へ渡したい企画・デザイン担当者
Google Stitchでできること
- 文章と画像からUI生成
- 自然言語の説明やスケッチ、スクリーンショットから画面デザインを作る。
- Figmaとコードへの書き出し
- デザインをFigmaへ貼り付け、フロントエンドのコードを取得する。
- 複数案の比較
- 同じ指示から複数の案を作り、繰り返し直す。
料金の仕組みと日本語の確認点
- 提供元
- 試用・料金
- Google Labsの無料の実験として提供され、公式ブログは無料と案内します。月次または日次の生成上限は公式サイトのログイン後に表示されるため、料金表としての公開ページはありません。
- 無料で試せる範囲
- Google Labsの実験として無料で提供。生成上限はログイン後の表示で確認します。
- 有料プランの目安
- 有料プランは公式に案内されていません。Labs終了後の扱いは公式発表で確認します。
- 費用が増える単位
- 無料（Labs実験、生成上限あり）
- 公式サイトの日本語ページ
- あり。公式サイトを取得して日本語ページを確認しました。確認日 2026-09-18／日本語の入出力の品質は別の項目です
- 日本語で使う前に
- 公式ページ・料金またはDocsを確認しましたが、日本語UIと日本語入力での品質は未実機確認です。
料金の金額・税・為替・提供地域は契約時の公式表示をご確認ください。
導入前の注意点
- Labsの実験のため生成上限や機能が予告なく変わり、有料化の可能性があります。
- 生成コードをそのまま本番に使う前提ではなく、設計とアクセシビリティの確認が必要です。
最初に試して確かめること
以下は知能圏の検証提案です。実施済みの手順や結果ではありません。
- ログイン後に表示される生成上限（標準・実験モード）を確認する。
- Figma書き出し後にレイヤー構造と日本語フォントの再現を確認する。
参照リンクと確認範囲
公式製品ページと料金またはDocsを開いて、機能・提供形態・課金単位を確認しました。シナリオと最初の確認手順は未実施の編集部提案です。
時点の公式資料を確認しました。実際の性能、使い勝手、日本からの契約可否は未検証です。ページ内の選び方と検証提案は知能圏編集部の見立てです。
情報の訂正・更新を知らせる掲載情報について
掲載内容の誤りや古い情報の指摘は、提供元からでも読者からでも無料で受け付けています。内容を確認したうえで、必要な箇所を直します。
提供元ご自身での訂正と新規の掲載申請は掲載の申請ページから受け付けています。掲載と訂正に費用はかかりません。