テクノロジー

AIがバラバラなUIを作る問題、これで解決? Google提唱の新標準「DESIGN.md」とは

1: secseek 2026/04/09 10:41

なんかどんどん複雑になってますね。AIへ指示するMarkdownだけで既存のフレームワークみたいな量になって、それ習得するだけでちょっとしたスキルみたいな時代になったりして

2: henoheno7871 2026/04/09 11:03

UIとワークフローをプロジェクトごとにYAMLで作るのが最適解。

3: otihateten3510 2026/04/09 11:39

言われなくてもみんな作ってるんじゃないの?俺はstyleの指定と、コンポーネントのサンプルを作りまくって「これと同じように」みたいな指示を出してる /何で賃貸?金持ち探しか?

4: cl-gaku 2026/04/09 12:03

xml地獄がmd地獄になるだけってオチは勘弁だが

5: gamecome 2026/04/09 13:00

SEO対策みてーになっていきそうだな、最後規約が増えすぎてxmlから生成するんちゃう

6: kurage_lizard 2026/04/09 13:00

バイブコーディングで色々なUIでてきて楽しいな、って思ってる私はまだ染まってないのかも。たまにフォルダ渡してこれみたいに作って、ってやることはある

7: hasiduki 2026/04/09 13:01

デザイントークン作っとくといいって聞いた!、!、!!!!!!

8: shoh8 2026/04/09 13:03

もうなってきてるけど、MarkdownでAIの挙動に対するプロンプトエンジニアリング

9: ejointjp 2026/04/09 13:06

一周まわって人間が書いた方が良くね?

10: circled 2026/04/09 13:12

AI驚き屋「AIが進化すれば全てAIがやってくれるようになる!!」 vs AI企業「マークダウンで大量の指示書や仕様書を書きまくればAIの問題は解決する!!」

11: GENS 2026/04/09 13:20

ぼんやりしてる指示をAIがベストプラクティスに基づいてマークダウンに落としてくれるから、今までよりは良くなっていると思う。思いたい。

12: yuu-yuiken 2026/04/09 13:40

共通Component作ってそれを使うよう指示したほうが早くない?

13: manamanaba 2026/04/09 13:48

方針固まったらコメント付きでCSSにしてどっかに置いときゃいいのでは

14: colonoe 2026/04/09 13:50

よくわからないが、これからはAIが作ったUIだって見ればわかるようになるのかな。もしそうなったらAI製ってことで批判されるのだろうか

15: nankichi 2026/04/09 14:07

別にgoogle 公式から言われなくても、geminiに「毎回ボタンデザイン違うんだけどどうすればいい?」って聞けば教えてくれそうな気がするんだが、、、みんなどうやってAI使っているの?

16: strawberryhunter 2026/04/09 14:16

次善策としては、デザインの一貫性を常に気にして、と CLAUDE.md とか AGENTS.md に一言書いておけば、既存の画面を参照して空気を読んでくれる。あと、何画面か生成した後にデザインだけやり直せば自動で統一感がでる。

17: kijtra 2026/04/09 14:21

プロジェクトルートに置いたところで、StitchってCLI版みたいなのあったっけ?

18: atsushieno 2026/04/09 14:33

DESIGN_SYSTEM.md にすべきだったやつ。design == UI designではない

19: paradisemaker 2026/04/09 14:44

そんなに設計書作らずに画面作らせる人多いの

20: peatnnuts 2026/04/09 14:52

使ってみよ

21: kkobayashi 2026/04/09 15:39

結局自然言語のプログラミングになっていくだけだなこれはw

22: doko 2026/04/09 15:44

ツイッターにいるAIすごそうな人も言ってたけど、ChatUIのフローで流されていくやり取りの中での決まった部分がストックとしてmdファイルに蓄積されていくことが重要と思う。書式とか作法の問題ではなく

23: fotus4 2026/04/09 16:03

ひと昔前のWordPressテーマ配布のように各社が自社ブランドのDESIGN.md配布する時代がくるかも。AI時代のブランディング

24: igni3 2026/04/09 17:13

名前は何でもいいからmarkdownに整理させて、それを参照させればいい。markdown作らずに進めるのは無理

25: nappy1120 2026/04/09 17:42

UIデザインは無理やで。生成されたコードも自分で見るでしょ?デザインもプロの目で見ないとやでぇ。

26: misshiki 2026/04/09 17:49

“Googleが提唱する「DESIGN.md」の概要と書き方、AIコーディングにおける.mdファイル運用に関する筆者の考え、さらに開発者コミュニティーでの広がりをまとめる。”

27: arapro 2026/04/09 19:03

やってること自体はAGENTS.mdに書くのとなんも変わらんのでは…

28: himanahitodesukun 2026/04/09 20:18

これ書いてるライター、解決すると思ってないだろ

29: cloverstudioceo 2026/04/09 20:42

Tailwind使うからだよね。cssで色とかフォントとか共有部分は変数で出して、ちゃんと再利用するクラスは再利用するようにコンテキストを構築すれば問題解決するよ。CSSってその他為にあんでしょそもそも

30: otchy210 2026/04/10 17:23

別に AGENTS.md ひとつで良くない?その中に UI の指針はこのファイルを見ろって書くだけでしょ?問題の解決方法の発想が旧来の思想から離れられてないのでは。