バイブコーディングはAI業界で今注目のワードで、自然言語を使ってチャットボットと会話するだけでアプリ、ゲーム、Webサイトを作成できる。現在、Google は、Google Labs の AI ユーザー インターフェイス設計プラットフォームである Stitch でそれを実現したいと考えています。それをバイブコーディングと呼ばないでください。Google は「バイブデザイン」を好みます。
先週発表されました、Stitch の最新バージョンは、技術的なノウハウがなくても、独自のモバイル アプリケーションや Web アプリケーションを簡単に設計できるようにする新機能を提供します。
従来のワイヤーフレームを使用して構築する代わりに、アプリをどのように見せたいかを指定したり、デザインで生み出したい感情や雰囲気を説明したり、独自のビジネス目標をアプリに与えることさえできます。どのように記述しても、Stitch がそれを解釈し、デザインを生成します。
このタイプの柔軟性により、それほど厳密にしなくても創造力を発揮できるようになります。ただし、しっかりとしたプロンプトは非常に役立ち、選択した方法で Stitch を操作できます。
ステッチはマルチモーダルです。つまり、テキストまたは自分の声を使用してデザインできます。 Gemini モデルを使用すると、編集時に自然言語を使用できるため、デザイン専門用語に詳しくない場合に役立ちます。エージェントはリアルタイムでデザインの批評を提供し、その過程で AI を協力的なパートナーにします。
デザイン内の何かの配置や色が気に入らない場合は、スティッチに「ボタンを反対側に移動して」または「メニューの色をオレンジに変更して」と指示するだけで完了です。 Stitch はベータ版であり、常に完璧な実行が可能であるとは限りませんが、設計プロセスで潜在的に節約できる時間は印象的です。
Stitch もより柔軟になり、Stitch で作成した他のプロジェクトにデザインを適用できるようになりました。 Google によると、任意の URL からデザイン システムを抽出したり、 デザイン.md、デザインルールをインポートおよびエクスポートするためのエージェントフレンドリーなマークダウンファイル。
Stitch は数分で素晴らしいウェブサイトを作成しました
Stitche は、この Web サイト全体を 1 つのプロンプトで生成しました。
Google/ブレイク・スティマックによるスクリーンショット
私は Stitch にランダムな Web サイトを作成させて試してみることにしました。そして、私は感動して立ち去りました。私はデザイナーではないし、自分に「デザイナーの目」があるとは決して言いませんが、ビクトリア朝のゴシック様式でデザインされたさまざまな植物を紹介する植物薬のウェブサイトの作成をスティッチに依頼しました。
何を期待すればよいのかわかりませんでしたが、モバイル アプリや Web サイトとなる複数のページ、つまり「画面」を構築できる機能だけでなく、全体のレイアウトと元のプロンプトの遵守にも感銘を受けました。そのほとんどは、AI が生成した画像とテキストで構成されるフィラー コンテンツであり、独自のものに置き換えることを目的としていましたが、生成された Web サイトは見栄えがよかったです。少し不必要だと思うページもいくつかありましたが、より具体的なプロンプトがあれば修正できたかもしれません。個々の要素やページ全体を編集または削除することも簡単です。デザインの作成中に、アプリまたは Web サイトの特定のビューを表示しているときに何が表示されるかを示す「画面」が表示されます。
Stitch が生成したカラー パレットは私があまり好きではなかったので、自分が選んだ色を使用して別のカラー パレットを作成するように依頼しました。新しいパレットの作成にはうまくいきましたが、問題が忍び込み始め、その「ベータ」ステータスが誇示されました。
新しい画面が「生成中」でスタックし、場合によっては新しい画面が古いカラー パレットを使用することがありました。これらの問題はすべて簡単に修正できましたが、解決する必要がある問題がいくつかあることは明らかです。
すべての機能を詳しく説明したわけではありません — どこから始めればよいのかさえわかりません — しかし、Stitch は DIY ウェブサイトビルダーのような雰囲気を持っていますが、AI が脇にあり、デザインがその中心にあります。それは驚くことではありません Figmaの株価が暴落 Googleの発表直後。これがベータ版の Stitch である場合、完全に構築されたときにどれほど優れたものになるかは誰にもわかりません。
#Google #Labs #のステッチ #ツールを使用して数分でウェブサイトをVibe #デザインしました