【Figma株が8%落ちた理由】Google Stitch大型アップデート、5つの新機能を全解説｜KAWAI
この記事は 全文無料（期間限定） で閲覧できます。 見出し画像は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 現在順次公開中
非デザイナーでもできる。Google Stitchがだいたい理解できるハンズオンマニュアル｜すぅ | AI駆動PM
Google Stitch、話題になってますよね。 ただ、デザイナーじゃない自分からすると 「すごそうだけど、結局なにができるの？」 がよくわからなかった。触ってみたいけど、何から手をつければいいかもわからない。 同じように感じている人、けっこういるんじゃないかと思います。 なので、非デザイナーの私が実際に触りながら「こういうやれば、だいたいわかる」というハンズオンマニュアルを作りました。 あくまで"だいたい"です！！ この記事の通りに手を動かしてもらえれば、Google Stitch がどんなものか、なんとなーく掴めると思います。よければ使ってください。 そもそも Google Stitch って何が話題なの？Google Stitch のすごいところは、簡単にいうと3つだと私は思っています。 AIネイティブなデザインキャンバス: テキストや音声で指示するだけで、無限キャンバス上にUIデ
GoogleのUIデザインツール「Stitch」がアップデートされてAIと話しながら高品質UIをサクッと作成可能に、Figmaの株価は下落
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
デザイナーがClaudeとFigma MCPで試したこと（VibeCoding実践記）｜yiping
Claude CodeとFigma MCPを使って、一つ小さなプロダクトを作ってみた流れと気づきを振り返り用にまとめました。 コーディングはできないけど、自分で一つプロダクトを作ってみたいデザイナー向けに少しでも参考になればと思います〜 プロダクト概要Weekly Blooms は、週末に「小さな挑戦」を宣言・達成して自己効力感を育てるWebアプリ。 こちらのURLからぜひ触ってみてください。 使い方はシンプルな2ステップ 土曜朝に宣言 — 「My little challenge」として、この週末にやってみたい小さなことをひとつ入力 日曜夜に振り返る — 達成できたら「Done!」を押して、意外とよかったことを一言メモ 達成すると、ランダムに花の画像がご褒美で届く。その花と一言コメントをまとめたSNSシェア用カード（表：花の画像 / 裏：テキスト）を2枚ダウンロードして、Instagra
『SaaSの死』に続く『ECの死』は本当に起きるのか？2026年2月時点の公開情報を構造化して整理してみた｜観察ノート
『SaaSの死』に続く『ECの死』は本当に起きるのか？2026年2月時点の公開情報を構造化して整理してみた とある記事で、「SaaSの死」の衝撃が収まらない中、次に来るのは「ECの死」だ、という刺激的な見出しを見かけた。 だが、言葉が強いテーマほど、論点は「定義」と「一次情報」に分解しないと見誤る。 本稿では、2026年2月時点で公開されている一次情報（企業の公式発表・決算資料・公式ブログ等）と、日本語報道をもとに、「ECの死」という表現が指している変化の実態を、構造として整理する。 ──────────────────── そもそも「SaaSの死」とは何か 前提整理をする。近年「SaaSの死」という言説が出ている背景には、生成AIの進化がある。 従来は、 ・特定機能を持つSaaSにログインし ・人間が操作し ・アウトプットを得る という構造だった。 しかし生成AIは、 ・自然言語での指示
エプスタイン文書を「使い慣れたUI」で丸裸にする開発者たち｜情報の灯台
350万ページの機密文書を、誰もが読める形に変えた人々がいる。しかもたったの5時間で。その試みは今、YouTube、Amazon、Wikipediaへと拡張し続けている。 司法省が「技術的に不可能」と言い切った検索を、個人が実現した2026年1月30日、米司法省（DOJ）はジェフリー・エプスタイン事件に関する捜査資料を公開した。エプスタイン・ファイル透明化法（EFTA）に基づく措置で、その量は約350万ページ、2000本超の動画、18万枚の画像に及ぶ。米国の司法史上、最大級の文書公開だ。 だが問題は、その「量」そのものにある。公開されたファイルはPDFの山。スキャン品質は劣悪で、検索もままならない。DOJは議会に対し、文書の横断検索は「技術的な制約により実用的ではない」と説明していた。 その主張を、サンフランシスコの若い開発者2人がひっくり返した。 5時間で作られたGmailクローン「Jm
なあ兄弟、 余白の意味を考えてから UI実装してくれ！
2025.11.26 Mobile Fusion Study @KTC
サイゼリヤのセルフオーダー、プログラミング初心者のアプリみたいだけど大丈夫そう…？→いや異常な要件定義の精度でUXの本質を理解している
メイド人事みーな @TCD_mina サイゼリアがセルフオーダーに変わってたんだけど、プログラミング初心者が一番最初に作ったアプリみたいなクオリティなの大丈夫そう…？ pic.x.com/Chnj6hNPos 2025-10-26 16:07:21 Takuya Tominaga @takuya_tominaga サイゼのセルフオーダー、UIは平成初期だけど要件定義の精度が異常。 ・紙メニューは残す（一覧性と会話性） ・スマホで探させない（面倒の排除） ・番号入力だけ（誰でも使える） 「見た目より動線」「体験より回転率」。 UXの本質を理解してるの、サイゼしか勝たん。 x.com/TCD_mina/statu… 2025-10-26 22:25:31 力 ら べ ﾙ 🏠 @nagoya_b767 ・スマホのスペックに左右されない ・レスポンスが軽快 ・以前のシステム(番号でオーダー)を踏
フロントエンドエンジニアが完全にオワコンになった件
もうUIはいらない。 この一言に尽きる。 ChatGPTの新機能「Apps in ChatGPT」が登場した瞬間、フロントエンドという職種の地盤は音を立てて崩れた。 これまでは、Webアプリやサービスは「フロントエンドでUIを作り、バックエンドでデータを返す」 という分業構造の上に成り立っていた。 だがApps in ChatGPTは、その構造をぶち壊す。 ユーザーはもうWebサイトを開かない。 ChatGPTのチャット画面内でSpotifyを操作し、Zillowで物件を探しEtsyで買い物をする。 つまりUIはChatGPT内に統合される。 あなたが書いてきたReactコンポーネントもボタンもフォームもすべてAIに吸収される。 「UI」はAIが自動生成する時代に入った もはやユーザーはブラウザを必要としない。URLをコピペすることも無くなるだろう。 「このホテル予約して」と言うだけでAI
Apple、楽しくて優雅な新しいソフトウェアデザインを発表
プラットフォーム全体にわたるユニバーサルなデザインが、Appleのソフトウェアの親しみやすさはそのままに、コンテンツへの注目を高め、新たなレベルの活力をもたらします 新しいデザインは、iOS 26、iPadOS 26、macOS Tahoe 26、watchOS 26、tvOS 26にわたって採用され、各プラットフォームの独自の特性を保ちながらも、シームレスな体験を実現します。 カリフォルニア州クパティーノ Appleは本日、アプリとシステムの体験をより表現力豊かで楽しいものにしながら、すぐに親しみを感じさせる、美しい新たなソフトウェアデザインをプレビューしました。これは新しい素材であるLiquid Glassで作られています。この半透明の素材は、周囲の光を反射したり屈折させたりする一方で、よりコンテンツへの注目を高めるようにダイナミックに変化し、コントロール、ナビゲーション、アプリアイコ
「iOS 26」正式発表 12年ぶりにデザイン刷新、“液体ガラス”のようなUIに
同社のAI「Apple Intelligence」を拡充。電話、メッセージ、FaceTimeに「ライブ翻訳」を実装、テキストと音声をリアルタイムで翻訳。メッセージを直接相手の言語に変換して送信することも可能だ。生成AIを使った絵文字「Genmoji」を合体させて新しい絵文字を作る「Mix emoji」も利用できる。 カメラや画像などを処理できるVisual Intelligence機能も強化。あらゆるアプリの画面上の内容を検索・操作できる他、店舗や運送業者からのメールから注文追跡情報を自動特定・要約する機能なども追加する。 電話アプリは統一レイアウトを採用。ライブ留守番電話がアップデートし、通話スクリーニング機能を搭載する。担当者が電話に出るとユーザーに通知する保留アシストも搭載する。メッセージアプリでは、不明な送信者からのメッセージを専用フォルダに表示してスクリーニングできる機能を追加す
画面仕様書への静的検査器を実装したらたくさんの欠陥を発見できた話 - DeNA Testing Blog
SWET第二グループのKuniwakです。本記事では画面仕様（後述）の仕様書に対する静的検査器を開発した事例について紹介します。 伝えたいこと 画面表示と画面遷移を記述する仕様書は機械可読にできる 仕様書が機械可読であれば仕様の静的検査ができる 静的検査によって自身の担当範囲の15%の画面から計40件弱の欠陥を発見した 機械可読な仕様書にはさらなる応用が見込める おさらい：仕様とは 仕様の定義はいくつかあります。 ここでは仕様とは実装の正しい振る舞いを定める基準とします。 ある実装が正しいと判定されることを、実装が仕様を満たしたといいます。 誰による判定でも実装が仕様を満たしたかどうかの判定結果は一致すべきです。 さて実装の欠陥と同様に、仕様にも欠陥が生じえます。 本来正しいと意図した実装の振る舞いを誤っていると判断したり、その逆に誤っていると意図した実装を正しいと判断する仕様には欠陥があ
この手のUIを見るたび「どっちやねん」と心の中で叫んでる→オンオフ状態が分かりづらい「フリップフロップ問題」回避のために規格統一して欲しい
謎水💦暗黒通信団リチウム戦闘員 @genmeisui 説明を追加しました 要するに「On」という表記で、内部状態について「On」「Off」２つの可能性があるのです アプリがどちらの意図で作られているか判別しにくい pic.x.com/Gs11HxCym4 2025-03-16 18:27:23 謎水💦暗黒通信団リチウム戦闘員 @genmeisui 「チェックボックスなら間違えない」というコメントもありますが、「押した瞬間に反映されるとは思わなかった」というエラーが起こりえます 通常、チェックボックスは複数選択してから最後に「OK」を押すという行動パターンを求めるはずなので 2025-03-16 18:30:13
【新連載・イカしたUIを見る】vol.1 こんなの見たことない！と感動したUI｜Goodpatch Blog グッドパッチブログ
こんにちは！UIデザイナーのsugasoとharuです。UIデザインの面白さ（沼とも言う）にハマってしまった私たちは、定期的に「イカしたUIを見る会」（以下、イカ会）という課外活動を行っています。 イカ会では、最近触ったアプリや発見した魅力的なUIを共有し、普通なら見逃してしまうであろうデザインのこだわりや、ハートを揺さぶられるポイントについて語り合ったりしています。 知れば知るほど面白くなっていくUIの世界を皆さんにもチラ見せしたい……ということで、イカ会の様子を連載することにしました。第1弾となる今回は、「こんなの見たことない！」と私たちが感動したアプリをご紹介します。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Clear Lists 最初にご紹介するのは、ご存知の方も多いタスク管理アプリ「Clear Lists」。 Clear Listsの特徴はナビゲー
サイゼリヤのモバイルオーダーが完全にガチ勢のための攻めた仕様になっている→逆にタブレット操作に慣れていない人ほど使いやすい仕様かも
Yuta SAWA @sawawww 数ヶ月ぶりにサイゼに来たが、いつの間にかモバイルオーダーが導入されていたんだが、流石にこれは攻めたUIだな。。。 pic.twitter.com/vn4FxpU8wr 2024-05-31 12:22:05 ラムダ🥒ラムダ技術部 @yoidea 番号を暗記していればミスなく爆速注文できそうな常連向けのUIなのは個人的に嬉しい！ リッチなUIのモバイルオーダーアプリは、視覚情報メインでわかりやすさを追求している代償として、1つの商品を選択するのに何回も画面遷移させられる傾向にあるから、対極的なこの攻めたUIを採用したのは興味深い x.com/sawawww/status… 2024-05-31 14:58:39
LINE社員1,361名の"色覚に関するアンケート"
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか？ 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa
AdobeのFigma買収とAdobe XDのこれから
2022年9月15日に、AdobeがUIザインツール「Figma」を買収する意向であることが発表されました。 これに関してWebデザイン勉強中の方などが「これからFigmaとAdobe XDのどちらを勉強するべき？」と困っているツイートを拝見したのでそれに対する私なりの回答と、 Webデザイナー・UIデザイナーたちの反応や温度感 Web業界の方が意外と見落としている事 脱Adobeしたい方のためのガイド などについてまとめてお話ししたいと思います。 なおこの記事に関しては事実だけでなく、私の予想や、私の周囲のWeb制作者の方の反応や予想なども含まれることをあらかじめご了承ください。 追記: Adobeの製品一覧からXDが消滅し、Adobe XD公式ページは消滅 「Adobeのすべての製品一覧」から #AdobeXD が消えました。「XD」で検索しても出てきません。 Dreamweaverで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面によってボタンの意味を変えるUIを作るやつは何をやらせてもダメ。(温度を上げようと思って+を押したら次の画面では-だった。何を言っているのかわからねーと思うが以下略)
速度表示のデザインにウサギとカメのイラストを添えたら管理職から「海外で理解されないのでは」と質問されたがISOにも設定されているマークである
なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？
