タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Google Stitch、話題になってますよね。 ただ、デザイナーじゃない自分からすると 「すごそうだけど、結局なにができるの？」 がよくわからなかった。触ってみたいけど、何から手をつければいいかもわからない。 同じように感じている人、けっこういるんじゃないかと思います。 なので、非デザイナーの私が実際に触りながら「こういうやれば、だいたいわかる」というハンズオンマニュアルを作りました。 あくまで"だいたい"です！！ この記事の通りに手を動かしてもらえれば、Google Stitch がどんなものか、なんとなーく掴めると思います。よければ使ってください。 そもそも Google Stitch って何が話題なの？Google Stitch のすごいところは、簡単にいうと3つだと私は思っています。 AIネイティブなデザインキャンバス: テキストや音声で指示するだけで、無限キャンバス上にUIデ
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
Googleは日本時間5月21日未明に開幕した年次イベント「Google I/O 2025」で、自然言語で指示を入力すると自動的にWeb UIを生成するツール「Stitch」のベータ公開を発表しました。 StitchはもともとGalileo AI社が提供する同名の「Galileo AI」と呼ばれるサービスでした。これをGoogleが買収し、Geminiをベースにしたサービスにしたものと言えます。 Stitchのデモ画面 下記がStitchの画面です。左側に例（Examples）が並び、右側にはプロンプトの入力欄があるというシンプルなものです。 これから作成するUIがデスクトップ版かモバイル版かを選択可能。また、生成AIとしてGemini 2.5 Flashを使う「Standard Mode」、より忠実なデザインかつ画像見本からもUIを生成できる「Experimental Mode」が選択で
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Google I/O 2025が、5月20日（火）と21日（水）の2日間にわたって開催されましたが、皆さんはご覧になりましたか？ Googleは「Gemini 2.5 Pro」や「AIモード」など、多くの新機能や製品を発表し、大盛り上がりのイベントとなりました！ I/Oの基調講演の最後には、CEOのスンダー・ピチャイ氏が、講演中に「AI」や「Gemini」という言葉がどれだけ発言されたかを示す「AIカウンター」を披露するほど、今回のGoogle I/Oの主役は間違いなくAIでした。 この記事では、そんなGoogle I/Oで発
GoogleがUIデザインツールの「Stitch」に大幅なアップデートを施しました。アップデート版のStitchではAIに自然言語で指示を出すだけで高品質なUIを作ることが可能。日本でもすでに利用可能だったので実際に使ってみました。 Stitch - Design with AI https://stitch.withgoogle.com/ Design UI using AI with Stitch from Google Labs https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/ Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you crea
こんにちは！運用イノベーション部の大野です。 最近ひょんなことから知り合ったカナダ在住エンジニアの方に、「UI作成ならStitchが便利」というお話を伺いました。 ...が恥ずかしながら「Stitch」について全くの無知だったため、軽くですが実際に触って確かめてきました。 今回はその感想を共有させていただきます。 Stitchってなんだ？ Stitchとは、Google Labs提供のUIデザイン生成支援用AIツールです。 2025年5月に行われた「Google I/O 2025」にて発表されました。 自然言語や画像を入力として与えることで、AIによってWebやモバイル画面のUIを生成してくれる機能を持っています。 また、生成したUIをHTMLコードとして表示することや、Figmaに直接エクスポートすることが可能です。 UI生成可能なAIツールは他にも多数存在しますが、以下の点においてSt
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに こんにちは。ノベルワークス所属のザワッチです！ 最近、Googleが出したUI生成ツール「Stitch」を使って、非デザイナーでかつデザインセンス皆無の男がイケてるUI生成の限界に挑戦してみた記事になります。 イケてるUIとは何なのかをAIと壁打ち協力し、自分なりにイケてるUIを定義し、UIまで生成しました。 暖かい目で見ていただけると幸いです。 Stitchとは Googleが2025年5月のGoogle I/Oで発表した「Stitch」は、AIの力でUIデザインをシュシュッと作ってくれるツールです。 「デザインってどうやって作るの？」とか「コード書くの面倒だな…」なんて悩む必要がないくらい、テキストや画像をポンと渡せば、StitchがサクッとUIデザインとコードを生成してくれます。 たとえば、「マラソンランナー向けのコミュニティアプリ作って！」ってテキストを入力するだけで、ス
こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 What is DESIGN.md?Google が提供する次世代の UI デザインツール Google Stitch における DESIGN.md は、プロジェクト全体で一貫性のあるUIを生成するためにAIエージェントが読み込むデザインシステムドキュメントです。 一言で言うと「AI のためのデザイン説明書」です。 通常、デザイン案には、色、フォント、間隔、コンポーネントスタイルといった視覚的なアイデンティティがあります。従来、これらはFigmaファイル、ブランドPDF、あるいはデザイナーの頭の中に存在していました。しかし、これらはAIエージェントには読み取れません。 DESIGN.mdはこの状況を
この記事は 全文無料（期間限定） で閲覧できます。 見出し画像はAIで生成しました。プロンプトはこちら 2026年3月18日、Figmaの株価が約8%下がりました。 原因は、Googleです。 Google Labsの無料AIデザインツール「Stitch」が大型アップデートを発表しました。Googleはこれを「Vibe Design」と呼んでいます。 先週法人様にVibe Coding研修（Gemini Canvas & Google Sticth）を実施したばかりですが、さっそくフォローアップが必要なようです（笑） 【 新情報 】 Google Stitch が大幅アップデート UIデザインフローの変革か 5つの主な新機能 ✅ AIネイティブキャンバス ✅ よりスマートなデザインエージェント ✅ 音声操作 ✅インスタントプロトタイプ ✅デザインシステムとDESIGN.md 現在順次公開中
AIでUIをデザインするウェブアプリ「Stitch」、公開共有機能を追加 Googleは、AIを使ってモバイルアプリやウェブアプリのユーザーインターフェース（UI）を生成できる「Stitch」をGoogle Labsで提供している。すこしずつ機能が改善され続けており、2025年10月16日には公開共有機能を追加したことを案内した。 この公開共有機能を使うことで、そのリンクを知っている人はログイン不要で閲覧できるようになる。その際、そのUIを生成したときのAIとの会話のやりとりも共有されるかたちになる（ただし読み取り専用）。なお、共有された際に、その画面左上のメニューボタンから「すべてダウンロード」を選択することで、HTMLファイルと画像ファイルをダウンロードできる。将来はリミックス可能なコラボレーション機能の提供を検討しているという。 Public sharing is here
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
Googleは、2025年の「Google I/O」で革新的な新ツール「Stitch」を発表しました。 このツールは、プロンプトやスケッチから、わずか数分でUIデザインをビルドできる生成AIです。 現在Google Labs内で早期プレビューとして公開されており、AIがデザインから開発までの流れをどのように変えていくのかを体感できるようになっています。 Stitchの最大の特徴は、デザインの生成・デザインの変更・Figma連携・コード出力といった工程を、AIがシームレスな環境で支援してくれる点です。 UI/UXデザイナー、フロントエンドエンジニアに至るまで、デザインの設計から実装までの工程を変化させる可能性を秘めたツールといえるでしょう。 爆速でプロトタイプの検証ができるので、個人的には新規事業をやる方にはとても助かるツールなのではないかと思っています。
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
# Design System: The Artisanal Digital Atelier ## 1. Overview & Creative North Star **The Creative North Star: "The Digital Curator"** This design system moves beyond a standard e-commerce interface to create a high-end, editorial experience for *Boulangerie Miel*. We are not just building an ordering system; we are crafting a digital extension of a physical craft bakery. The aesthetic is rooted i
Stitch’s DESIGN.md format is now open-source so you can use it across platforms.
デザインシステムをAIエージェントにどう渡すか。デザインシステム運用に関わる立場として、この問いをずっと考えてきました。Figma MCPやCode Connectといったツールは登場しましたが、コンポーネントの構造は渡せても、Do's and Don'tsに相当する判断基準――「このコンポーネントはこの文脈では使わない」「セマンティックカラーを優先する」――まで伝える手段は見当たりません。そこに、2026年3月18日、Google LabsのStitchチームが大型アップデートを発表しました。AI-Native CanvasやVoice、Instant Prototypesなど5つの新機能が公開され、@stitchbygoogleの告知ポストは4時間で200万インプレッションに達しています。 Meet the new Stitch, your vibe design partner. H
Google Stitch × Claude Code ： AIを業務に組み込み、誰でもデザインできる仕組みをつくる Google Stitchの大型アップデートがありました。以前設計した「Claude CodeによるtoB LP生成サイクル」にStitchを組み込むまでの思考を書き留めます。 "何をつくらないか"を設計する自然言語で意図を伝えるだけで、高品質なUIデザインが生成される時代。「Vibe Design」という言葉が示す通り、雰囲気やトーンを伝えれば、AIが複数のデザイン方向性を提案してくれます。 「何でもつくれる」という価値はもはや当たり前になってきました。私は、Stitchができることを確認しながら、「何をつくらないか」を設計すべきだと、すぐに考えを巡らせました。 Google StitchStitch内部にDesignSystemが複数用意されている どこで活かし、どこで
Instagramで知ってから、ハノイの韓国街ミーディンで行ってみたかったカフェがあります。 あんバタークロワッサンとスコーンが人気のカフェ。 週末にひとりで行ってみたら、日曜が定休日だったみたいで、平日にお友達とリベンジ。 可愛い看板が出てました。 看板の矢印の方へ進むとカフェの入り口が。 入り口に並べられた植物が可愛いですね。購入もできるみたいです。 【Cafe Stitch Hanoi】Lo158, TT3 P Trần Văn Lai, Mỹ Đình, Từ Liêm, Hà Nội こちらがカフェスティッチ。 店内は白がベースとなっていて、カフェと雑貨が一緒になったショップのようです。 可愛いお店ー。韓国街なので、お客さんのほとんどが韓国人女性でした。 最初にカウンターで注文を済ませてから席で待つスタイルです。 メニューも韓国語ですね^^ あんバタークロワッサンをオーダーしよう
※ こちらはミツモアAdvent Calendar 2021の12/20分の記事です。 こんにちは、ミツモアCTOの柄澤（@fmy）です。今回は、ちょうど1年半前ぐらいに整備したミツモアデータ分析基盤についてご紹介いたします。（記事にするのが遅くなってすみません） 全体像 ミツモアのデータパイプラインの全体像は以下のようになっています。 ミツモアのデータパイプライン このパターンはETL（Extract / Transform / Load）ではなくELTと言われ、ExtractとLoadを行ったのちに、データウェアハウスの中でTransformを実施する戦略となっています。BigQueryに代表される今日のデータウェアハウスは膨大なデータを保持し、大量の並列処理を可能とする能力があるので、一旦データウェアハウスにあらゆるデータを入れたのちに、自由にデータの変換処理をする方が筋が良いように
Google Labsは2026年3月19日、UIデザインツール「Stitch」をAI完全統合型のソフトウェアデザインプラットフォームへと全面刷新した。今回のアップデートの核心は「バイブデザイン（vibe design）」という新概念で、ユーザーはワイヤーフレームを描く代わりに、達成したいビジネス目標やユーザーに感じさせたい感情を自然言語で伝えるだけで高精度なUIデザインを生成できる。あわせて無限キャンバスの刷新、DESIGN.mdによるデザインシステムの持ち運び、MCPサーバーを通じた外部ツール連携も追加された。発表直後には競合のデザインツール最大手Figmaの株価が8%下落し、AI時代のデザインツール市場の再編が本格化したことを印象づけた。StitchはGeminiが利用可能な全地域の18歳以上のユーザーに、stitch.withgoogle.comで公開されている。 「バイブコーディ
デザインは「待つ」ものから「並んで作る」ものへ──。Google I/O 2026に合わせて、Google Labs発のAIデザインツール「Stitch」が大型アップデートを発表しました。AIが画面を描いていく様子をリアルタイムで眺めながら、途中で方向を修正できる。手元のコードベースから自分のブランドを示す「DESIGN.md」が自動生成され、AntigravityなどのIDEと双方向に同期される。Figmaファイルを取り込み、Netlify・Lovable・Boltへワンクリックで書き出す──デザインと開発のあいだに横たわっていた長年の溝が、静かに、しかし確実に埋まりつつあります。発表された5つの新機能と1つのボーナスから、AI時代のものづくりの輪郭を読み解きます。 Googleは2026年5月20日、Google I/Oに合わせ、Google Labs発のデザインツール「Stitch」
Google Labsは2026年4月21日、AIデザインツールStitchで用いるDESIGN.mdのドラフト仕様をオープンソースとして公開した。 Stitch’s DESIGN.md format is now open-source so you can use it across platforms. - Google Blog google-labs-code/design.md - GitHub Repository Today, we’re open-sourcing the draft specification for DESIGN.md, so it can be used across any tool or platform. We’re also adding new capabilities. DESIGN.md lets you easily export a
仏恥義理ステッチ あおいましろう アフロにロンスカといういでたちの女子高生・真希は、風紀の乱れた荒涼高校の1年生。彼女の特技は「刺繍」。真希が刺繍をした学ランを着ると、ケンカに勝てるという噂があるくらい、その腕前はプロ級だった。そんな真希の願いは、この高校に似つかわしくない「手芸部」を立ち上げること。敵やライバルも多く、部活成立へのハードルは高そうだけど⁉
Google Labsは5月20日（現地時間）、ユーザーがテキストや画像を入力するだけで、UIデザインやフロントエンドコードを自動生成できる実験的ツール「Stitch」を発表した。Stitchは、デザインと開発の連携をスムーズにし、従来の手作業や調整にかかる負担を軽減することを目的としている。 Stitch（出典：Google） Stitchは、Gemini 2.5 Proのマルチモーダル機能を活用し、自然言語や画像入力をもとに複雑なUIを短時間で生成できるのが特徴。たとえば「このような配色で、ユーザー体験はこうしたい」といった要望を自然言語で記述すると、それを反映したビジュアルインターフェースを自動で作成する。また、ホワイトボード上の手描きスケッチやUIのスクリーンショット、ワイヤーフレーム画像をアップロードすることで、それらをもとにアプリケーションのUIとして再現することも可能。 最終
更新情報 2022.07.21『高島縮 長方形衣 組』『高島縮 広形もんぺ はぎ丈』『伊勢木綿 手ぬぐい きんたろう』『伊勢木綿 手ぬぐい みかん』のレシピを追加しました。 2022.06.16『ゆかたみたて』『ゆかたびら』『こどもじんべい』のレシピを追加しました。 2022.05.26『高島縮 四角衣 組』『高島縮 肩衣』『方袋もんぺ』のレシピを追加しました。 2022.04.21『大帷』『小袖寛衣』『こどもんぺ』のレシピを追加しました。 2021.11.10『高島縮 薙刀長方形衣』『広形もんぺ』『わらべぎ なぎなたかんとうい』のレシピを追加しました。 2021.09.29『帯もんぺ』『富士』『小巾折 穏』のレシピを追加しました。 2021.09.02『高島縮 四角衣』『高島縮 長方形衣』『21番手平織 双筒衣』のレシピを追加しました。 2021.07.29まっすぐ縫いの服 レシピ公開
最近、Google Labsから出てきた「Stitch」というツールが話題になっています。 言葉や声でアプリのUIが作れるデザインツールStitchこれ、ひとことで言うと 「言葉や声でアプリのUIが作れるデザインツール」 しかもただの見た目じゃなくて、 実際に使えそうなUI＋コードまで出てくるのがポイントです。 何がすごいのかこれまでアプリを作る流れは、こんな感じでした。 デザイナーがUIを作る エンジニアが実装する 細かい調整に時間がかかる でもStitchは違います。 アイデアを伝えるだけで、UIもコードも一気に出る👉 アイデアを伝えるだけで、UIもコードも一気に出る 例えば、 「ダークモードのシンプルな家計管理アプリ」と入力するだけで、 ①数秒でスタイルが生成され 数秒でスタイルが生成される②複数の画面が一気に出てくる 複数の画面が一気に出てくるここまでは「すごい」で終わりなんです
はじめに 皆さんは、個人開発って好きですか？ 個人開発をやってみると、時間が足りなかったり、モチベーションが続かなかったりして、なかなか継続するのが難しいですよね。 私自身、「もっと簡単にアプリが作れたらなあ...」と、よく感じています。 そんな中、Googleが5月20日（火）に発表した新AIツール「Stitch」を使ってみたところ、UIデザインの作成時間を大幅に短縮し、サクッと個人開発に取り組めました！ この記事では、その体験をシェアしたいと思います。 「そもそもStitchって何？」という方は、以下の記事で詳しく解説しているので、ぜひチェックしてみてください！ 今回作成するアプリは、シンプルなToDoアプリ「TaskMaster」です。 誰でも簡単に個人開発に挑戦できるよう、手順に沿って進めるだけで完成する内容になっています！ ぜひ、皆さんの環境でも一緒に作ってみてください。 なお、
米Googleは3月18日（現地時間）、AIを活用したUIデザイン生成ツール「Stitch」（β）をGoogle Labsの一部として公開した。Googleによると、Stitchが提供する最大の価値は、昨今エンジニアの間で話題となっている「バイブコーディング」のデザイン版とも言える「バイブデザイン」の実現にあるという。 バイブデザインとは、厳密な設計図や数値指定を行う代わりに、作り手の直感や「なんとなくこんな感じ」という抽象的なニュアンス（Vibe）をAIに伝え、対話を繰り返しながらデザインを立ち上げていく手法を指す。Stitchは、高精度なデザイン生成で注目を集めていた新興企業Galileo AIの技術をベースにしたもので、Googleは2025年5月に同社を買収し、自社のマルチモーダルAIである「Gemini」を統合する形で開発を進めてきた。 チャット形式のプロンプト入力欄に、作りたい
Web Designing Web記者が、Webに携わる人向けにニュースをセレクト。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 Google Labsで無償提供中のStitch。月350回の生成枠が用意されており、Googleアカウントがあればすぐに試せます Googleは3月18日（米国時間）、Google Labsで展開するUIデザインツール「Stitch」のアップデートを発表しました。AIネイティブな「無限キャンバス」を中心に複数の新機能が追加され、設計の試行錯誤からプロトタイピング、開発連携までを一体で担う環境へと進化しています。 無限キャンバスは、テキスト・画像・コードを直接配置してAIに文脈として読み込ませる設計で、着想から試作段階までを同一の作業空間で扱えます。キャンバス全体を把握して推論する「デザインエージェント」と、複数アイデアを並行管理できる
UIデザインから実装までをAIエージェントに丸投げしてみた（ChatGPT → Google Stitch → Antigravity × Claude Opus 4.5）MCPSKILLSstitchAntigravityClaudeOpus4.5 はじめに 本記事は、生成 AI を使った開発フローに興味のあるエンジニア向けの内容です。 最近の AI の進化は凄まじい。さらに Google Stitch を使うと、いい感じの UI を作成できるという話も耳にしました。 そこで、 UI デザインから実装までを AI に丸投げした場合、 どのくらいのスピードで、どのくらいの品質のものができるのか を確かめてみたいと考えました。 上記のような想いから、今回は、 ChatGPT で要件を言語化し Google Stitch で UI を生成し Antigravity の Agent Manage
Google Labsは2026年3月18日、AIネイティブなソフトウェアデザインツール「Stitch」の大規模アップデートを発表した。新機能として、無限キャンバス、デザインエージェント、エージェントマネージャー、音声入力機能を追加した。また、任意のURLからデザインシステムを抽出できる「DESIGN.md」を導入し、他のデザインツールやコーディングツールとのデザインルールのエクスポート・インポートが可能になった。静的デザインからインタラクティブなプロトタイプへの即時変換機能も実装した。 MCPサーバーおよびSDKを通じてAI StudioやAntigravityなどの外部ツールとの連携も可能で、GitHubのStitch Skillsリポジトリはスター数2.4kを獲得している。プロダクトマネージャーはラスティン・バンクスが務める。 From: Introducing “vibe desi
手描きのラフスケッチが、数分でプロフェッショナルなUIデザインに変わる。 そんな時代が来たと聞いたら、あなたは信じるでしょうか？ RedditのAI関連コミュニティで、Google Stitchに関する投稿が大きな反響を呼んでいました。 手描きのワイヤーフレームを入力すると、洗練されたUIデザインとフロントエンドコードが生成されるという内容です。 本記事では、このRedditでの議論をもとに、Google Stitchの可能性と現実について整理してみます。 Google Stitchとは何か Google Stitchは、Googleが2025年のGoogle I/Oで発表したAI搭載のUIデザインツールです。 2025年に買収したGalileo AIの技術を基盤としています。 そこにGoogleのマルチモーダルAI「Gemini」を統合する形で開発されました。 そして2026年3月、β版
gcloud auth application-default login gcloud config set project your-project-name gcloud auth application-default set-quota-project your-project-name gcloud beta services mcp enable stitch.googleapis.com やろうとしたこと Google Stitch は AI でUIデザインを生成できるサービスです。このデザインデータにClaude Codeからアクセスできれば、「AIが生成したデザインを、AIがコードに変換する」というワークフローが実現でききて、スマートじゃないかなと思って実践しようとしました。 Google StitchとClaude Codeと橋渡しをするのがMCP（Model Con
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
はじめに AIを使えばデザインも簡単に作れる時代になりました。Figma Make、Stitch、v0 など、プロンプトを入力するだけでUIを生成してくれるツールがどんどん増えています。 ただ、実際に使ってみると「それっぽいもの」は作れるけど、自分が本当に納得するデザインにたどり着くのは意外と難しいと感じた方も多いのではないでしょうか。 いきなりAIに作らせても、漠然とした指示だと微妙なデザインが出てくる 何度も修正するうちにAIクレジットが足りなくなる デザイン作成後に実装させる時にも手間がかかる 僕自身も個人サイト（sunagaku.com）を作る際に同じ課題を感じていました。 そこで今回は、Stitch でデザインの方向性を固めて、Figma Make で詳細を作り込み、Claude Code で実装するという流れで作成した方法を紹介します。ツールの役割を分けることで、クレジットの節
Google は 2026 年 3 月 18 日（現地時間）、自然言語からソフトウェアの UI をデザインできるツール Stitch のアップデートを発表し、 新しい無限キャンバスや音声によるデザイン指示、DESIGN.md への対応、Google AI Studio などの開発ツールとの連携を追加したことを明らかにしました。 これにより、アイデアの着想からプロトタイプの作成、コーディングまでのプロセスをさらにシームレスに実行できるようになります。 記事執筆時点で、筆者の日本語環境における Stitch で Gemini Live 風の音声指示や新しい UI の展開を確認することができました。 新しい AI ネイティブキャンバスと Agent manager 今回のアップデートで Stitch の UI が再設計され、アイデアの初期段階から動作するプロトタイプまでを拡張できる、 AI ネイ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く