見出し画像

【デザインとAI】20260909〜10

デザインとAI

結局「魂込めろ」ってことになるんだろうか。込めなきゃ入らないのは魂でもなんでもない、って言ったら怒られるかね？


デジタル庁デザインシステム（DADS）のMarkdownを使い、ChatGPT向けのPowerPoint作成スキルを公開。

IT navi @itnavi2022

カテゴリ：プレゼン／デザインシステム

デジタル庁デザインシステム（DADS）のMarkdownを使い、ChatGPT向けのPowerPoint作成スキルを公開。指定したときだけDADSの配色・書体・アクセシビリティに沿ってスライドを作成・改稿する。ファイルを入れてすぐ試せる実用投稿。

反響: いいね約3,337、ブックマーク約7,144と保存率が突出。「神」「プロジェクト化して常時使う」との引用が相次ぎ、実務者の反応が中心。

示唆: 「きれいなスライドを一発で」より、公的な型をスキル化し、必要なときだけ発動させる設計が効いている。見た目の標準化は見栄えだけでなく会議の初動とアクセシビリティを速める。自社ガイドラインもMarkdown＋条件付きスキルにすると、AIの暴走を抑えつつ再現性が上がる。

上記DADSスキルを称賛し、「型が先にあると会議は中身から始まる」「権限は常時ONにしない」と実務解釈。

connect24h @connect24h

カテゴリ：ビジネス資料／ガバナンス

上記DADSスキルを称賛し、「型が先にあると会議は中身から始まる」「権限は常時ONにしない」と実務解釈。パワポの文字サイズ論争を避けるための回答だと位置づけている。

反響: いいね約2,566、ブックマーク約3,761。セキュリティ／CSIRT視点の人が「経営報告でも色が揺れると判断が遅れる」と共感。

示唆: デザインAIの価値は生成そのものより、判断コストの削減にある。スキルに発動条件を付ける発想は、社内エージェント設計にも転用できる。見た目のブレを権限設計の問題として捉えると、現場導入が進みやすい。

話題のGPT-6 Astra×Computer Useを自分で試し、ChatGPT Images 2.5で出したコーポレートサイ…

セカヤサ@AI×Web制作 小林秀樹 @hideki_climax

カテゴリ：WEBデザイン／UI

話題のGPT-6 Astra×Computer Useを自分で試し、ChatGPT Images 2.5で出したコーポレートサイトをほぼ完璧にFigmaへ変換できたと報告する検証ポスト。動画付き。

反響: いいね約368に対しブックマーク約471と保存多め。「引くレベル」という実演に、制作フリーランスが反応。

示唆: 画像生成→構造化Figma変換が実務ラインに乗ってきた。ただし「作れる」と「出せる（公開・運用・アクセシビリティ）」は別、という本人の普段の主張とセットで読むべき。試すならコンポーネント名・余白・レスポンシブまで人間が検品する工程を残すのが現実的。

GPT 2.5 ImageでUIパターンを出し、GPT-6 Astra／Fable 5.1でそのUIを完コピするワークフローを「…

Taishi @taishiyade

カテゴリ：UI／フロント実装

GPT 2.5 ImageでUIパターンを出し、GPT-6 Astra／Fable 5.1でそのUIを完コピするワークフローを「革命」と紹介。フロント実装が不要になる感覚を率直に書いている。

反響: いいね約427、ブックマーク約418。賛同と「仕事終わる」系の煽りが混在。

示唆: 有効なのは「ゼロから描く」より「パターン出し→再現」の二段構え。ただし完コピは見た目の複製であり、情報設計・状態・エラー・権限は残る。個人開発の速度は上がる一方、プロダクト品質のボトルネックは実装から要件と検証へ移る。

気に入ったe-ink画面の動画を渡し、Claude CodeにCSS UIキットを作らせたら実際に使えた、というデモ。

@levelsio

カテゴリ：UIキット／フロント

気に入ったe-ink画面の動画を渡し、Claude CodeにCSS UIキットを作らせたら実際に使えた、というデモ。動画と生成結果のスクショ付き。

反響: いいね約538、ブックマーク約585。インディーハッカー層が「見て→キット化」の速さに反応。

示唆: 参照を動画や実物に固定すると、抽象プロンプトより一貫したUIが出せる。気に入ったプロダクトの「質感」をトークンとコンポーネントに落とす作業は、ブランドガイド作成の短縮版。ソースの著作権と類似性には注意が必要。

Suica後継キャラ投票で「AIで作った方がいい」投稿を並べ、2頭身の幼い顔に動物特徴を足しただけの凡庸さだと指摘。

🌈 nae Ⅲ @nae

カテゴリ：キャラクター／グラフィック

Suica後継キャラ投票で「AIで作った方がいい」投稿を並べ、2頭身の幼い顔に動物特徴を足しただけの凡庸さだと指摘。「かわいい動物」とキャラクターデザインは違う、と実例で示す。

反響: いいね約5,359、引用約409と議論の核。一覧化への賛同と、AI擁護側との対立が同時発生。

示唆: 生成の速さは「記号の平均」を量産しやすい。キャラ立ちに必要なのは記号の組み合わせではなく、物語・媒体制約・運用・識別性。コンペや投票では過程の没案も含めた評価軸を先に公開しないと、秒速案が「正しさ」に見えやすい。

素人がAIチラシを作り「デザイナー不要」と言う例を挙げ、色設計や法律など適したものを作ることも仕事だと指摘する実務論。

あす @Cavahokkun

カテゴリ：グラフィック／広告

素人がAIチラシを作り「デザイナー不要」と言う例を挙げ、色設計や法律など適したものを作ることも仕事だと指摘する実務論。

反響: いいね約4,424。現場デザイナーからの「それな」が中心で、炎上というより共感拡散。

示唆: 見た目が「それっぽい」ことと、印刷・色再現・薬機法・景表法・ブランドガイドライン適合は別スキル。AIチラシを使うならチェックリスト（禁止表現、コントラスト、フォントライセンス）をセットにするのが最小の実務防衛。

安価なAI外注で商業デザイナーが減るとAdobe等のツール市場が縮小し、人間がデザインしにくくなり、学習元もAI産に偏る——とい…

渡部夏矢 @memasite

カテゴリ：デザイン産業／ツール

安価なAI外注で商業デザイナーが減るとAdobe等のツール市場が縮小し、人間がデザインしにくくなり、学習元もAI産に偏る——という連鎖を懸念するスレッド起点。

反響: いいね約2,413、リポスト約448、ブックマーク約526。続き投稿も数百いいね規模で議論が伸びた。

示唆: 「上位だけ残る」論は個人の生存戦略としてはあり得るが、産業の再生産（教育・ソフト・素材市場）まで見ると脆い。実務者は、人間が残すべき判断（コンテクスト、媒体、責任）を明示し、AIは下書きとバリエーションに限定する役割分担を文書化した方が強い。

「デザインは誰でもできる／口出しするな」層がAIを根拠に「デザイナー不要」と確信する局面が来ている、という現場感の指摘。

Masaki @masaki77

カテゴリ：デザイン職／コミュニケーション

「デザインは誰でもできる／口出しするな」層がAIを根拠に「デザイナー不要」と確信する局面が来ている、という現場感の指摘。

反響: いいね約1,705。同人・商業両方の作り手から「昔からいた層が武装した」との共感。

示唆: クライアント教育が以前より難しい。納品物だけでなく「何を捨て、何を守ったか」の判断ログを残すと、AI案との差を言葉にできる。価格競争に入る前に、対象・制約・リスクを先に合意するプロセス設計が武器になる。

llama.appがllama.cppをGUI化し、Gemma 4をワンクリック導入できると紹介。

Google Gemma @googlegemma

カテゴリ：プロダクトUI／ローカルAI

llama.appがllama.cppをGUI化し、Gemma 4をワンクリック導入できると紹介。レシート表の解析やMCP連携を動画で見せ、専門知識なしでローカルAIを使うUIの話。

反響: いいね約308、ブックマーク約187。開発者より「CUI不要」に反応。

示唆: デザイン×AIの前線は生成画だけでなく、モデル運用UIそのもの。メモリ見積もりやワンクリック導入は、非エンジニアが現場で試す条件になる。社内利用ではローカル実行のUI品質が、シャドーAI対策にも直結する。

【全体的な傾向】

直近の日本語圏は「使える新ワークフロー」と「デザイナー不要論への反発」が同時に極大化している。
後者の火種はSuica後継キャラをAIで作り直して優劣を語る動きで、キャラデザの専門性（識別性、媒体、物語、運用）と「かわいい2頭身」の平均生成が衝突した。

いいね数千規模はほぼこちら側に集中し、倫理・敬意・コンペの見えない工数といった言葉が拡散した。
実用側は件数は少ないが保存率が極めて高い。
デジタル庁デザインシステムをChatGPTスキルにする投稿はブックマークがいいねを上回る水準で、スライド体裁という痛みの強い業務に刺さった。

同様に、画像生成でUIを出し、次のモデル／エージェントでFigmaやコードに落とす二段ワークフローが「試した」報告として独立して伸びている。

共通点は、プロンプト一発ではなく「型（デザインシステム、参照動画、発動条件）を先に置く」こと。
英語圏・開発者圏ではClaude CodeでUIキット化する、ローカルモデルをGUIで扱う、といった実装寄りの実演が目立つ。
一方、学習データの偏りやツール市場の縮小といった中長期の産業論も、同じ24時間にスレッド化されている。

要するに今の議論は「AIがデザインできるか」ではなく、「平均的な見た目の高速供給」と「責任・制約・識別性を含むデザイン」の切断を、誰がどの工程で繋ぐか、である。
試す価値があるのは公開スキルと変換ワークフロー
捨てるべきは既存案の無断改変による優劣自慢
残すべきはチェックリストと発動条件付きの型
という整理が現場には最も使いやすい。

【関連ハッシュタグ】

#デザインとAI
#生成AI
#デジタル庁
#FigmaAI
#UIUX
#ChatGPT
#キャラクターデザイン
#ClaudeCode
#プロンプトエンジニアリング
#デザイナー

今日のプロンプト

Comparison between GPT-Images 2.5 vs GPT-Images 2.0 Here's the p…

Higgsfield AI 🧩 @higgsfield_ai

カテゴリ：グラフィック／ピクセルアート・モーション

Comparison between GPT-Images 2.5 vs GPT-Images 2.0 Here's the prompt: "Animate the supplied pixel-art heroine in one continuous 8-second side-view shot. Preserve her exact design, colors, proportions…

Animate the supplied pixel-art heroine in one continuous 8-second side-view shot. Preserve her exact design, colors, proportions, crisp pixels, and outlines. Lock the camera and pale blue-gray background. Keep her full body near center, facing right, with no more than 25% horizontal travel. From 0–2.5s, run mostly in place with alternating strides and arm pumps. From 2.5–4.5s, perform one two-foot jump and land crouched. From 4.5–6.5s, perform one full forward ground somersault: hands down, tuck, roll over the shoulders, feet over head, and land on both feet. From 6.5–8s, rise into a balanced ready pose. Animate at exactly 6 FPS with 167ms frame holds, normal speed, and no interpolation, blending, optical flow, or blur. On every frame, shift the whole sprite slightly and unpredictably on both axes to create strong constant jitter, especially in the final pose. Only the heroine moves; the camera and background remain still. No cuts, cartwheels, aerial flips, scene changes, text, particles, weapons, duplicates, audio, 3D, color flicker, morphing, or design drift.

示唆: 動きを秒単位で分割し、FPS・補間禁止・ジッターまで書くと「っぽい動画」ではなく指定どおりのドット絵アニメになる。禁止事項を長く列挙するのが、デザイン崩れを防ぐ最短ルート。

crazy...that i made this with GPT Image 2.5 and Seedance 2.5 nob…

Abdul Shakoor @abxxai

カテゴリ：グラフィック／ファッション・映像演出

crazy...that i made this with GPT Image 2.5 and Seedance 2.5 nobody is teaching you the actual workflow behind these AI realistic videos.. so here it is, full breakdown, every prompt included👇（いいね642）…

Multi-panel studio photographs of the same real woman across four panels: front-facing, three-quarter turn, full profile, and a rear view, all on a seamless neutral studio backdrop with soft even lighting. She has long straight golden-brown hair with warm honey-blonde balayage, loosely swept back with soft face-framing pieces, an oval face, warm brown eyes, softly tanned olive-warm skin, full lips, small stud earrings. She wears a rust-terracotta linen strapless wrap top tied at the back, matching wide-leg rust-terracotta linen trousers, and a woven raffia belt cinched at the waist. Same lighting, same skin texture, same wardrobe in every panel. Natural film-still photograph quality, visible skin pores and texture, no retouching, no beauty filter.

示唆: 動画の前に「同じ照明・同じ衣装の4面キャラシート」を先に作ると、ショット間の顔・服の崩壊が激減する。編集時は「変えるもの」と「絶対に変えないもの」を一文で分けるのが実務的。

プロンプトお借りしました！

TOMB@AI @TOMBOAI7379

https://x.com/TOMBOAI7379/status/2097675854403006541

カテゴリ：グラフィック／キャラクターイラスト

プロンプトお借りしました！きゃわ！ 初音ミク / Miku Hatsune #AIイラスト #AIARTWORK #初音ミク （いいね435）／引用元プロンプト：paw gloves,animal hands,cat lingerie,cat cutout,navel,tail,underwear,panties,meme attire...

paw gloves,animal hands,cat lingerie,cat cutout,navel,tail,underwear,panties,meme attire,clothing cutout,white background,bell,open mouth,cleavage cutout,gloves,neck bell,side-tie panties,looking at viewer,smile,choker,jingle bell,bra,cleavage,stomach,white choker,white panties,white bra,cowboy shot,blush,cat ear panties,frilled bra,cat paws,frills,kemonomimi mode,collarbone,underwear only,;d,cat print,white gloves,cat girl,thighs,

示唆: 既存キャラに「衣装タグの束」を足すだけで別バリエーションが量産できる。白背景＋cowboy shotのように構図タグを固定すると、比較検証やシリーズ展開がしやすい。


いいなと思ったら応援しよう！