個人開発のAIデザインツール「Rikyū」　“幾何学的なデザイン”機能が秀逸と話題に 🔖 65

円や直線を使って幾何学的にロゴをデザインできる──そんなサービスを日本の個人開発者が作り、Xで話題となっている。この機能を紹介した投稿の表示回数は500万件を超えた。 サービス名は「Rikyū」。作りたいものを指示することで、ロゴやWebサイト、ポスターなどさまざまなデザインを作

PowerPointテンプレが無いなら、Slidevのデザインから自作する 🔖 1

主要10デザインシステムに見るAIへの向き合い方とそのトレンド｜金 成奎 🔖 35

最近、各社のデザインシステムを見てみると、着々とAI関連のアップデートが盛り込まれていることに気づきます。本記事ではその観点から各デザインシステムを調査して見えてきた、デザインシステムにおけるAIへの向き合い方とそのトレンドについて、考察してみます。 事例Fluent 2 / M

比較優位のデザイン｜Aki 🔖 152

AI時代、もうできることを増やす競争は意味がなくなっています。 私たちは「人より上手くできることを増やせ」と教えられて育ってきました。経済学の言葉を少し乱暴に借りれば、絶対優位を増やすキャリア観です。誰よりも速く走る、テストで人より高い点を取る、偏差値の高い学校に入る、資格を取る

見た目は既視感ありまくりなレトロデザイン、でもビデオ通話にも対応した日本発のチャットアプリが登場【やじうまWatch】 🔖 10

IPA、AIの信頼できる社会実装を支える「デジタル＆AIシステムズ・デザインセンター」新設 🔖 30

散らばった議論を LLM-Wiki でフル活用する AI 時代のデザインシステムのカタチ 🔖 34

筆者が携わる kDS (kintone Design System) Team は、kintone、Slack、GitHub、Confluence など、さまざまな場所にデザインの議論を蓄積してきました。しかし、情報が分散し、蓄積されるにつれ、過去の意思決定を探す作業はかなりメン

ワールド、AIがデザインした服完売　美意識を言語化「センスない」覆す - 日本経済新聞 🔖 26

アパレル大手のワールドが異例の新ブランド「OO（オーオー）」を立ち上げた。人間のセンスの産物である服飾デザインに生成AI（人工知能）を全面的に起用し、完売する商品も生んだ。当初は「センスゼロ」と酷評されたAIデザイナーを、いかに変身させたのか。ビジネスへのAI活用には様々なハード

散らばった議論を LLM-Wiki でフル活用する AI 時代のデザインシステムのカタチ 🔖 34

!この記事は、CYBOZU SUMMER BLOG FES '26の記事です。筆者が携わる kDS (kintone Design System) Team は、kintone、Slack、GitHub、Confluence など、さまざまな場所にデザインの議論を蓄積してき

散らばった議論を LLM-Wiki でフル活用する AI 時代のデザインシステムのカタチ 🔖 34

!この記事は、CYBOZU SUMMER BLOG FES '26の記事です。筆者が携わる kDS (kintone Design System) Team は、kintone、Slack、GitHub、Confluence など、さまざまな場所にデザインの議論を蓄積してき

AI普及でデザイン業の倒産が前年比2.7倍に　「独自性なき企業は淘汰」　東京商工リサーチ 🔖 54

東京商工リサーチは8月2日、グラフィックデザインやインテリアデザインなどを手掛ける「デザイン業」で、1000万円以上の負債を抱えての倒産が急増していると発表した。2026年上半期の倒産は40件で、25年同期比166.6％増。上半期としては14年ぶりに40件を超えた。生成AIの普及

社内向けデザインシステムを「AI-Ready」へ｜LINEヤフーDESIGN 公式note 🔖 42

AI Nativeに向けた社内システムデザイン組織の取り組みLINEヤフーでは、100を超えるサービスを提供しています。これらサービスを支えるため、多くの社内システムが開発・運用されています。 一方で、合併前から利用されていた複数のデザインシステムやUIライブラリが併存していたこ

【後編】「ショップ様のためになる」が判断の軸―インハウスデザイナーの役割と「売れるデザイン」 🔖 1

AI時代、デザインエンジニアの役割って？ デザインエンジニア Meetup #6 イベントレポート 🔖 1

AIの進化によって、コードを書く、UIをつくる、体験を設計する——その境界が曖昧になる中で、デザインエンジニアという役割が存在感を増しています。 今回のデザインエンジニア Meetup #6では、AI時代のデザインエンジニアの役割をテーマに、estieのデザインエンジニア3名が、

Figmaデザインエージェントを試す 🔖 1

AI-Slopなデザインを生まないためのデザインプロセス戦略 🔖 31

「惜しいデザイン」 を生み出さないための AIレビューループ 🔖 100

2026年7月22日 「AIで変わる設計と判断——デザイン × フロントエンド、複数社が語る失敗と工夫」 登壇資料

AI時代、デザインはこれからどうなるのだろうか 〜エンジニア視点で考える〜 🔖 2

はじめに大学3年の頃にMaterial Design3を読み込んだあの日々から、4年の月日が経とうとしています。当時（2023年頃）はAIもまだ今ほど一般的ではなく、自力でFigmaでいろなものを模倣し、必死に知識を吸収してデザインを形にしようともがいていた気がします...

「なぜ最近のスーパーでダサいAI画像が使われるのか」"AIでいいか"の裏にいる、デザインにお金を払いたくない層の話「他業種だけど同意です」 🔖 42

没�ｭ怜ﾖ脳�研 @Qto6BshdBJYXdch そもそもなんで今俺が3Dプリンタの物販でメシを食ってるのかという話と なんで最近スーパーや八百屋の広告にダサいAI画像が使われるのかという話は実は同一線上にある 俺は元々地方のデザイン屋だった でも画像生成AIが一般に出回り始め

人気SNS「setlog」、デザイン変更に大ブーイング　2日で旧デザインに戻す 🔖 20

10～20代の若者に人気のSNSアプリ「setlog」（セットログ）のiPhone版で7月17日、ユーザーインタフェースが大幅に変わり、ユーザーの不満がXで爆発した。 運営元は2日後、レイアウトを元に戻せる「クラシックレイアウト」機能を追加。さらにその後、従来のUIに戻し、新UI

DESIGN.md はデザインを任せる道具でなく、AIに判断を渡すためのもの 🔖 1

こんにちは。AlgomaticでソフトウェアエンジニアをしているGo（@53able）です。 getdesign.md — DESIGN.md collection for AI coding agentsが、AI 時代の Web 制作と DESIGN.md の利用動向をまとめた

「以前のように戻してほしい」生成AIで作られたポップが乱立する売り場が買い物しにくいと話題に→デザインの意義と最新技術の使い方の話へ 🔖 184

「以前のように戻してほしい」生成AIで作られたポップが乱立する売り場が買い物しにくいと話題に→デザインの意義と最新技術の使い方の話へ

最近はAIで参考を作ってデザイナーに渡すが、デザイナーが「ここからどうデザインしろと？」となってしまい、結果的に相当細かく指示してあげないといけなくなる→デザイナー側の引っ掛かりポイントはどこにあるのか 🔖 248

横坂 拓也_Webディレクター｜群馬の制作会社emo planning LLC @taku_coco9 デザイン参考はPinterest使いますが 最近はAIで参考作ってデザイナーさんに渡す でもそうするとデザイナーは 「いやいや もこれ80点ラインですやん」 「ここからどうデザ

AIにUIを作らせる前に、デザインの土台を自分で決めるツールを作った 🔖 52

まずは結論から AIにUIを作らせる前に、フォント、余白、角丸、影、色の土台を自分で決められるツールを作りました。 このサイトです。一旦試してみてください! 作った理由 AIでUIを作るのが当たり前になってきて、v0、Base44、Google Stitchなど、AIプロンプトベ

「もう隠す気ないねw」まだ発表もされていない『折りたたみiPhone』のケースがAmazonで何種類も売られている…デザインに対する厳しい意見も 🔖 42

Pixel Foldのような｢折りたたみiPhone｣は登場するのか…？　最新の"アメリカ現地イベント"で示された｢重要なヒント｣ 6ページ目 | ビジネス | 東洋経済オンライン （6ページ目）｢折りたたみiPhoneは本当に登場するのか？｣—グーグルやサムスンが先行する中､ア

感覚的な「らしさ」をチームの「共通言語」へ。デザインマネジメントが果たすべきプロダクトブランディングの役割 🔖 1

「このデザイン、なんか違う。」デザインレビューで、そんな言葉を耳にしたことはないでしょうか。違和感はある。しかし、その理由をうまく言語化できない。レビューを受ける側も「どこを直せばいいのか」がわからず、結局はレビュアーの感覚に合わせるしかない。こうした状態では、デザイン品

FigmaデザインをReact実装に落とし込むときの確認ポイント 🔖 4

SREホールディングス株式会社でエンジニアをしているサティヤです。 はじめにフロントエンド開発では、Figmaなどで作成されたデザインをもとに、Reactで画面を実装することがよくあります。一見すると「デザイン通りに作るだけ」に見えますが、実際に実装してみると確認すべきポ

FigmaデザインをReact実装に落とし込むときの確認ポイント 🔖 4

SREホールディングス株式会社でエンジニアをしているサティヤです。 はじめにフロントエンド開発では、Figmaなどで作成されたデザインをもとに、Reactで画面を実装することがよくあります。一見すると「デザイン通りに作るだけ」に見えますが、実際に実装してみると確認すべきポ

【Loop Engineeringに来る？】人間中心デザインをもとにしたInquiry Engineeringを提唱したい 🔖 1

こんにちは！ひさふるです。最近、Loop Engineeringという、プロンプトではなくループを設計するという手法がバズっていましたね。要は、人間がプロンプトを書くのはもう古く、これからはAI自身にプロンプトを書かせる時代だ、という手法の話でした。では、さらに時代が...

デザインコンテスト「GMO DESIGN AWARD 2026」開催決定！3年目のテーマは「トキメキ」 🔖 1

2026年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 🔖 31

デザインの引き出しを増やすには、トレンドを押さえておくことが大切。トレンドは一時的な流行ではありません、デザインが向かっている道のりの途中を示すものです。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニ

「なんとなく出展」を徹底的に因数分解する。エンジニアに刺さる体験をデザインしたカンファレンス運営の裏側 🔖 5

みなさん、こんにちは☀️ スタメンプロダクト開発部のねぎちゃんです🌷 本日は、5月に開催されたフロントエンドカンファレンス名古屋2026とTSKaigi2026のカンファレンス運営を振り返るレポートをお届けいたします！ 【カンファレンス概要】 フロントエンドカンファレンス名古屋2

ｐタグで帯見出し装飾！CSSが怖い初心者もh2風デザインを楽しもう（コピペOK） - たたらのあらすじ・ネタバレ感想ブログ 🔖 15

初心者のうちはCSSなんて怖くて、h2やh3の見出しを設定するのは「ハードルが高い」と感じるのではないでしょうか？ そんな方もデザインを楽しめるよう<p>タグで帯見出しを作りました。 コピーして貼り付けるだけで、いつもの記事に彩りが加わりますよ。 気に入ったコードがあればコピーし

油絵から学んだ、デザイン・コード・働き方に共通する「余白理論」 🔖 1

はじめに　初めまして。入社3ヶ月目の新人エンジニアです。今回がQiita初投稿（デビュー作）になります。これからよろしくお願いいたします。　私が高校生の頃、美術部で油絵を描いていたときのことです。 キャンバスに向かっている私に、顧問の先生がよくこんなアドバイスをしてく...

INFOBARデザインのスマートリングがauで販売『NISHIKIGOI』『ICHIMATSU』柄　心拍・睡眠やストレスを24時間7日間計測 | テクノエッジ TechnoEdge 🔖 22

auのデザインケータイ「INFOBAR」を指輪にしたようなヘルスケアデバイス「スマートリカバリーリング INFOBARコラボモデル」が、全国のKDDI直営店・au Style・auショップ・UQスポットで販売を開始しました。 「スマートリカバリーリング」は、「スマートバスマット」

Claude Code × Slidev：AIに全任せしないデザインシステムの育て方 🔖 1

AIでおしゃれな画面を作るためのデザインシステムを学ぼう！ 🔖 59

Webサイトのデザインを、AIやデザイナーに「おしゃれにしてください」「いい感じにしてください」だけで依頼すると、完成イメージが大きくズレます。 なぜなら、Webデザインには「どんな情報を・どの順番で・どんなレイアウトで・どんな雰囲気で・どんな色で・どんな文字で・どんな部品で・ス

AIでおしゃれな画面を作るためのデザインシステムを学ぼう！ 🔖 59

Webサイトのデザインを、AIやデザイナーに「おしゃれにしてください」「いい感じにしてください」だけで依頼すると、完成イメージが大きくズレます。なぜなら、Webデザインには「どんな情報を・どの順番で・どんなレイアウトで・どんな雰囲気で・どんな色で・どんな文字で・どんな部品...

デザインシステムのskillの精度が上がった8つの方法 🔖 126

初めまして！PKSHA Technology デザイナーの清水と申します。普段はデザイナーとしてXで発信しているのですが、今日は人生で初めてテックブログを書いてみたので、よければご覧ください。（この記事は、デザイントークンを扱うデザイナー・エンジニアを主な対象にしていますが、AI

Claude DesignとClaude Codeの連携が強化されてコーディングからデザインまでAIをバリバリ活用可能に 🔖 32

AnthropicがClaude Designの機能強化を2026年6月17日に発表しました。Claude Designはデザインシステムに沿った制作、キャンバス上での直接編集、Claude Codeとの同期、外部ツールとの連携に対応するようになり、デザインからコーディングまでの

Claude Code生成のデザイン大幅改善可能に。「Claude Design」大型アップデート 🔖 41

最近クライアントさんが、AIにデザイン案作らせて「こんな感じでどうですか」とか言ってくること増えたんだけど、本当に死ぬほど不愉快だからやめてほしい。。 🔖 83

まちい @machi_AC 最近クライアントさんが、AIにデザイン案作らせて「こんな感じでどうですか」とか言ってくること増えたんだけど、本当に死ぬほど不愉快だからやめてほしい。。 2026-06-16 22:25:37 まちい @machi_AC まずAIデザインの特徴は、やりす

デザインパターン、実はもう使ってます — Strategyパターン入門 🔖 1

連載「変化に強いコードの作り方」第3回（全4回）デザインパターンには「難しそう」という印象が付きまといます。分厚い本、23種類のカタログ、暗記。私も最初はそういうものだと思っていて、長いあいだ敬遠していました。ただ、少なくともStrategyパターンに関しては、その印象は実態

「ChatGPT」と「Gemini」で「Canva」のマジックレイヤーが利用可能に／“フラットな”1枚のAI生成画像をパーツごとにレイヤー化された「Canva」デザインに 🔖 56

ゲーム開発者間で「ゲームデザインは書類でガチガチに固める必要あるか」巡って議論沸騰。ヒット作の“800ページ超えデザインドキュメント”、真似るべきか否か - AUTOMATON 🔖 98

『Mina the Hollower』の800ページにも及ぶデザインドキュメントを巡り、ゲーム開発におけるデザインドキュメントの運用方針について議論が交わされている。

導入したツールの定着までの「壁」をどう乗り越える？ ー 行動科学に基づく習慣化の仕組みとUXデザイン 🔖 2

はじめに こんにちは。デザインストラテジストの松迫です。 「AIツールを導入したが、その後定着しない」——こんな経験はないでしょうか？ 本記事では、行動科学に基づいた「ハビットデザインメソッド」を使って、 ツール定着の壁を乗り越える具体的な方法をお伝えします。 私は習慣化を促すU

数行のCSSで、UIデザインの使い心地を向上させるテクニックのまとめ 🔖 33

優れたインターフェイスは、小さな要素が積み重なって、素晴らしいユーザーエクスペリエンスが生み出されます。数行のCSSで、インターフェイスの使い心地を向上させるテクニックを紹介します。 生成AIのスキルとしてコーディングアシスタント（Claude Code、Codexなど）に使うこ

UIデザインやエディタのカラーに最適！ 目に優しい、アナログ印刷のインキと紙の色合いを再現したカラースキーム -Flexoki 🔖 41

アナログ印刷のインキ、温かみのある紙の色合いからインスピレーションを得て、デジタルのスクリーンで見ることを想定して設計されたカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードで

デザイン書の老舗・MdNが消滅へ　インプレスに吸収合併 🔖 198

デザイン誌「MdN」（2019年に休刊）で知られた出版社・エムディエヌコーポレーションが7月1日付でインプレスに吸収合併され、法人として消滅する。親会社のインプレスホールディングス（HD）が6月1日に発表した。 エムディエヌコーポレーションは1992年設立。デザイン誌「MdN」の

モダンなシステム運用への道標 - 第2回 ユーザー視点で考える！モダンな監視デザインパターンとアンチパターン 🔖 3

前回は、運用の真の目的が「MTTD（検出）とMTTR（復旧）の短縮」にあることをお伝えしました。では、具体的に「何」を「どう」監視すれば、この目的を達成できるのでしょうか。とりあえずCPUやメモリの負荷を眺めているだけでは、ユーザーが体験している「重い」「使えない」という不...