• 投稿日:2025/05/28
  • 更新日:2025/05/28
【Stitch】Webデザインを1分で自動生成! Figmaと連携可能な激ヤバAIが登場!

【Stitch】Webデザインを1分で自動生成! Figmaと連携可能な激ヤバAIが登場!

  • 1
  • -
会員ID:Xo3mHSoa

会員ID:Xo3mHSoa

この記事は約3分で読めます
要約
先日、GoogleからUIを自動生成するAI (Google Stitch) が出ました。 ものの数分でUIデザインを自動生成し、さらにHTML/CSSコードまで生成されます。 また、Figmaとも連携されており、作成されたデザインをFigma形式でコピーできます。

皆さんは「Stitch」というAIをご存知でしょうか。
ディズニーじゃないですよ!
つい先日にGoogleから発表されたAIで、UIデザインを会話形式で考えてくれます。

どのようなことができるかというと、ホームページやブログなどのWebデザインを提供するだけでなく、それを表現するプログラムまで提供します。
さらに、Figmaとの連携もでき、提供されたデザインをFigmaで編集ができます

まだ英語しか対応していませんが、それでも操作感はChatGPTと変わらないので、誰でも抵抗なく導入できるはずです!


Stitchの使い方

まずはGoogleなどの検索エンジンで「Stitch」と検索します。
Stitch - Design with AIというサイトです!
こちらを開きます。
Screenshot 2025-05-28 at 19.57.28.png開いたら、以下の3ステップでデザインを生成します。
生成には1分程度時間がかかります。

1. 英語で命令文を入力
2. デザインの種類をPCかモバイルかを選択
3. Generateボタンを押して、生成開始

本文を追加.png一定時間経過すると、デザインが仕上がります。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:Xo3mHSoa

投稿者情報

会員ID:Xo3mHSoa

パンダ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません