ツールを投稿

Google Stitch

プロンプトをUIデザインとフロントエンドのコードにするGoogle Labsのツール

無料 グラフィックデザイン
ツールを開く →

Stitchは、アイデアから画面までを速く進めるためのものです。アプリの画面かウェブサイトを説明し、スケッチかスクリーンショットを上げると、Stitchはコンポーネント、色、テキストを備えたデザインのレイアウトを生成します。追加のプロンプトか、直接の編集で直せます。複数の案を出せるので、一つに決める前に方向を比べられます。

出力は、実務で使えることを想定しています。デザインはFigmaへ貼って、デザイナーが続きの作業ができ、HTMLやCSSのようなフロントエンドのコードとして書き出して、開発者の出発点にもできます。このツールは、Googleが買収したGalileo AIの技術を取り込み、Geminiモデルで動きます。実験的な機能は、時間とともに良くなります。

StitchはGoogle Labsから無料で使え、利用量に上限があります。実験のため、機能と提供の状況は変わることがあります。生成されたデザインはありきたりに見えることがあり、用意してあるデザインシステムに従わないこともあるので、デザイナーが手を入れます。代替には、Figma MakeとFirst Draft、Uizard、Claude Design、v0、Lovable、FramerのAIワイヤーフレーマーがあります。Stitchは、画面の最初の下書きをすぐに欲しい創業者、プロダクトマネージャー、デザイナーに向きます。