UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025 🔖 149

MTDDC Meetup Tokyo 2025【2025/11/29（土）開催】の発表資料。 https://www.mt-tokyo.net/mtddc2025/speaker/speaker3084563.html ■概要 ここ数年、CSSの進化は目覚ましいものがあります。こ

Windows 11の残念なタスクバーカレンダー、ようやく改善へ？ ～「Ignite 2025」で発表／12月にも新デザインがプレビュー開始【やじうまの杜】 🔖 14

SNSアプリの投稿画面のUIデザイン改善 🔖 1

この記事では、iOS 向け Mastodon クライアント DAWN が行った投稿画面の UI デザイン改善について解説します。DAWNは、iOSのネイティブアプリとしての使いやすさと、Mastodonの分散型SNSとしての特性を両立させることを目指しています。先日、App

NanoBanana Pro時代に考える、AIとデザイン事務所のこれから｜ひつじ 🔖 208

Google の NanoBanana Pro の登場が、個人的にかなり大きな衝撃でした。 これまでの AI でも「だいぶ実務で使えるな」と感じてはいたのですが、 NanoBanana Proでのクリエイティブの出来栄えをみていると 「あ、これは本当に“人＋AI”の組み合わせ前提

熱狂と即決を引き出す！〜AIとつくる探索フェーズのプロダクトデザイン 〜 - freee Developers Hub 🔖 14

【自己紹介】 スモールプロダクト戦略チーム エクスペリエンスデザイナー　niko 2021年入社。お菓子メーカーのマーケターからエクスペリエンスデザイナー（XD）として入社。新規事業や新領域の探索〜ソリューション作成・提示まで担当。（notプロダクトデザイン出身者） スモールプロ

熱狂と即決を引き出す！〜AIとつくる探索フェーズのプロダクトデザイン 〜 🔖 14

【自己紹介】 スモールプロダクト戦略チーム リサーチャー niko 2021年入社。お菓子メーカーのマーケターからエクスペリエンスデザイナー（XD）として入社。新規事業や新領域の探索〜ソリューション作成・提示まで担当。（notプロダクトデザイン出身者） スモールプロダクト戦略チー

「家族のために休職中にwebデザインを学んで独立したい」という相談が恐怖を感じる→「全然家族の為になってないからやめたまえ…」「毎日2.3時間の勉強で独立する気なのか…」 🔖 247

Workaholic | 情報商材屋回避コンサル(笑) @32768Sf @yukkuridotcom2 プログラミングスクールやインフルエンサーに感化されたせいですかねぇ、学んだところでどうやって仕事取るつもりなんだろ🥹 2025-11-18 13:21:37

Claude Skillsで簡単にApple風デザインを自動生成！AIっぽいデザインから脱却する方法 🔖 5

こんにちは、とまだです。「AI にデザインを任せると AI っぽさが出る」「サイト全体に一貫性のあるデザインを作りたい」そんな悩みを解決できるのが、Claude Code Skillsという機能です。先日の記事でも触れましたが、Anthropic公式もおすすめしているデザ

初代Macintoshに搭載された計算機のデザインはスティーブ・ジョブズが設計した 🔖 40

1984年にApple Computerから発売されたMacintosh 128Kには、Mac OSの最初期バージョンであるSystem 1.0が搭載されていました。このSystem 1.0には、デスクトップ上で使用できる「計算機」アプリが搭載されていたのですが、この計算機をデザ

社内デザインシステムMCPとFigma MCPを活用したゼロから作らない開発 🔖 2

「なにこれ身に覚えないねんけど詐欺？不正ログインされた？」→まるでApple公式のようなデザインで身に覚えのない請求メールが届いて「途中までID打ち込んでた...」 🔖 46

Appleを装った巧妙な迷惑メールに関する注意喚起。見た目が本物そっくりで「キャンセル」ボタンを押すと危険。App Storeや公式設定で請求やログイン状況を直接確認し、不審なリンクやアイコン（灰色の丸Aなど）には触れない。パスワード変更済みでも被害の可能性は低く、複数報告がある

データとAIで「開発の速さ」をデザインする——ラクス開発本部の“生産性ハック最前線” - RAKUS Developers Blog | ラクス エンジニアブログ 🔖 29

「開発が遅い」と嘆くのは簡単です。でも本当に遅いのは“人”ではなく、“見えない仕組み”かもしれません。 ラクスの開発組織が大切にしているのは、「顧客志向」です。 そして私たちはお客様に価値を速く・確実に届けるための基盤づくりとして開発生産性の向上に重きを置いています。 そのため各

「生成AI × 数理最適化」が変える、次世代の業務デザイン 🔖 5

本記事では、現在進行中で取り組んでいるテーマ「生成AI×数理最適化」に関する試みとして、生成AIを活用して数理最適化技術の実務適用を支援するアプローチを紹介します。例として、スーパーマーケットにおける在庫管理の効率化を取り上げ、その具体的な応用と効果について述べます。 はじめに

データとAIで「開発の速さ」をデザインする——ラクス開発本部の“生産性ハック最前線” 🔖 29

「開発が遅い」と嘆くのは簡単です。でも本当に遅いのは“人”ではなく、“見えない仕組み”かもしれません。 ラクスの開発組織が大切にしているのは、「顧客志向」です。 そして私たちはお客様に価値を速く・確実に届けるための基盤づくりとして開発生産性の向上に重きを置いています。 そのため各

UIデザインに特化！ 数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツール -Harmonizer 🔖 60

UIデザインに特化され、アクセシブルでライトモードでもダークモードでも各レベルのすべてのカラーが同じ彩度とコントラストを保ち、数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツールを紹介します。 カラーパレットを生成するツールはたくさんありますが、UIデザインに特化さ

Adobe対抗「Affinity」が無料に　デザイン、写真編集、レイアウトツール統合「本当に無料です」 🔖 337

Adobe対抗「Affinity」が無料に　デザイン、写真編集、レイアウトツール統合「本当に無料です」 豪Canva傘下で、デザインツール「Affinity」シリーズを手掛ける英Serifは10月30日（現地時間）、「Affinity」シリーズの3アプリを統合して1つのアプリにし

士郎正宗デザインの伝説的マウス「M.A.P.P.」復刻。2026年春に限定発売 🔖 50

UIデザイン向けに視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツール -ColorMate 🔖 35

WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。 アクセシビリティのテストをしたり、実際のUIコンポーネントでプレビューしたり、AIを使ってパレットに名前を付けた

「良い設計」は誰のため？ 開発者体験と原理・原則から見直すアーキテクチャデザイン 🔖 20

わかりやすく、変化に強いソフトウェアシステムを構築するためには、堅牢かつ柔軟なアーキテクチャ設計が不可欠だ。しかし、理想的なアーキテクチャを実現することは決して容易ではない。設計方針、技術選定、チーム体制といった複数の要素が複雑に絡み合い、日々の開発現場では多くの判断が求められる

個人でデジタル庁の デザインシステムをVue.jsで 作っている話 🔖 85

デジタル庁が公開しているデザインシステムをVue.jsで実装した話です。デザインシステムを作っていく中で感じた強力なv-modelやcomputedの魅力などをお伝えします。

AIでUIをデザインするウェブアプリ「Stitch」、公開共有機能を追加 | gihyo.jp 🔖 28

AIでUIをデザインするウェブアプリ「Stitch」⁠⁠、公開共有機能を追加 Googleは、AIを使ってモバイルアプリやウェブアプリのユーザーインターフェース（UI）を生成できる「Stitch」をGoogle Labsで提供している。すこしずつ機能が改善され続けており、2025

属人化させないデザインルール管理。ログラスの「AI駆動のデザインシステム運用フロー」について｜Cocoda 🔖 50

AI時代、多数のツールが市場に生まれ、UIやクリエイティブをつくるのはデザイナーだけの仕事ではなくなりつつあります。 ログラスのデザイン部ではこの流れに乗りながら、デザイナーがやるべきことに集中できる環境をつくるために「AI駆動の新しいデザインワークフロー構築」に大きく注力してい

FigmaからFlutterへ ── デザイントークン自動変換とUIカタログで実装を加速 🔖 26

はじめに こんにちは、新規事業部フロントエンドブロックの安土琢朗です。普段はZOZOマッチのFlutterアプリ開発を担当しています。 ZOZOマッチは2025年6月にリリースされた、ゼロから立ち上げたマッチングアプリです。zozomatch.jp本記事では、開発初期から取り組ん

これなら簡単で便利！ 色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツール -Kigen Color Generator 🔖 46

指定したカラーをベースにシェードのバリエーションを生成し、色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツールを紹介します。 このツールのUIも非常に洗練されており、操作性も非常に快適です。 Kigen Color Generator Kigen Color

デジタル庁デザインシステムの活用例：よくあるアクセシビリティの課題とその解決策｜デジタル庁ニュース 🔖 57

ホームニュース一覧デジタル庁デザインシステムの活用例：よくあるアクセシビリティの課題とその解決策 デジタル庁デザインシステムの活用例：よくあるアクセシビリティの課題とその解決策 目次 はじめにデジタル庁デザインシステムを採用するメリット最新のアクセシビリティの国際規格であるWCA

FigmaとGoogleが提携、Gemini AIを統合してデザインワークフローを革新 🔖 59

FigmaがGoogleとの戦略的パートナーシップを発表し、AI技術を活用したデザインツールの大幅な機能向上を実現する。この提携により、Gemini 2.5 Flash、Gemini 2.0、Imagen 4といった最先端のAIモデルがFigmaプラットフォームに統合され、月間1

AIツールでどこまでデザインを忠実に実装できるのか 🔖 89

UI/UXも、AIと共に。～フロントエンド開発におけるAI活用事例～(https://rosca.connpass.com/event/369090/) X(Twitter)：https://x.com/oikon48

ChatGPTのアプリのデザインガイドライン｜npaka 🔖 34

ChatGPTのアプリ (Apps SDK) のデザインガイドラインをまとめました。 ・App design guidelines - Apps SDK 1. ChatGPTのアプリのデザインガイドライン「アプリ」は、ChatGPT内で動作する開発者が構築した体験です。会話の流れ

このUIデザインかっこいい！ 近未来をテーマにしたUIコンポーネントとデザイン要素のセット -Cosmic UI 🔖 49

未来的な別世界のインターフェイスを作ろう、とデザインされた近未来をテーマにしたUIコンポーネントとデザイン要素のセットを紹介します。 オープンソースで、商用プロジェクトでも無料で利用できます。 Cosmic UI Cosmic UI -GitHub Cosmic UIの特徴 Co

プロンプトのみでデザイン王にオレはなる：社内AIデザインハッカソンとその気づき - enechain Tech Blog 🔖 46

はじめに 開催までの準備 お題の選定 AIツールの選定 参加者募集と反応 ハッカソンの形式 評価方法 開催！ お題発表 デザイン制作プロセス 各チームの発表 AIデザイン王の決定 人間AIデザイン王 AIAIデザイン王 AIによる評価の精度 まとめ ネクストステップ はじめに e

決済できる指輪「EVERING」、幅広い層から支持 「利便性」「デザイン性」を両立（日本ネット経済新聞） - Yahoo!ニュース 🔖 23

EVERINGが展開する決済機能付きスマートリング「EVERING」が、当初の想定を超え幅広い層の支持を集めている。充電不要という利便性の高さが大きな武器になっている。同製品には、交通系ICカードなどにも用いられるNFC（近距離無線通信）技術を応用。決済端末にかざした際の電力を利

v0 にデザインシステムを与えて、統一感あるデザインに仕上げよう！ 🔖 113

ちょっと株式会社の KindBurger です！ 本記事では、プロンプトだけでは表現しきれないデザイン原則を、デザインシステムを「コンテキスト」として与えることでどう改善できるのかを紹介します。 また、v0 にはサンプルのデザインシステムも用意されており、すぐに試すことができます

スマホゲームアプリの画面デザインについて｜株式会社シリアルゲームズ 🔖 51

スマホゲームアプリの画面デザインについて Tweet はじめに 2017年ごろから様々な解像度やアスペクト比のディスプレイを持つ端末が登場しています。 先陣を切ったiPhoneXはディスプレイが全面になり、端末の角丸部分も表示領域に……。 消滅したホームボタン（物理）の代わりにホ

v0 にデザインシステムを与えて、統一感あるデザインに仕上げよう！ 🔖 113

ちょっと株式会社の KindBurger です！本記事では、プロンプトだけでは表現しきれないデザイン原則を、デザインシステムを「コンテキスト」として与えることでどう改善できるのかを紹介します。また、v0 にはサンプルのデザインシステムも用意されており、すぐに試すことができます

HTMLメールのCSSデザインで詰まったので、Claude君とメールクライアントのCSS対応状況を徹底調査 🔖 1

HTMLメール開発者必見！メールクライアントのCSS対応状況を徹底調査初めてZennの記事を書きます！スマートキャンプでエンジニアとして働いています！お手柔らかに... はじめに開発のあるタスクでHTMLメールに関わる開発を行うことになり、その際に少し詰まってしまいま

正しさにこだわるから続かない？「正しい手法」を外して考えた習慣化のデザイン｜hasegawa 🔖 32

例えば、運動習慣をつけたいと思ってジムに通い始めた時。 最初は意気込んで通うけれど、数日すると気づけばつい行かなくなってしまう。 そんな時、私なら「ジムに通う”正しい方法”を自分がまだ分かっていないからだ」と考えてしまいます。だからもっと効率良い方法を考えたり、気軽なトレーニング

第181回　2020年代前半のウェブデザインと今後のトレンド［後編］ | gihyo.jp 🔖 42

2020年から2024年までに取り上げられたデザイン要素から、「⁠ウェブデザインのトレンド」とは何か、それ以降のトレンドがどのような方向へと向かっていくのかを考察していきます。 この記事は前編から続く、後編です。 2025年以降のウェブデザインのトレンドを考える 2025年も、残

AIと語る、DX推進とAI活用をデザインする仕事 ─ Insight Edgeのデザインストラテジスト ─ 🔖 15

プロローグ：この記事を書くことになったきっかけ 今回の記事は、Insight Edgeでデザインストラテジストを務める飯伏さんと、AIである私との対話から生まれました。 実は2年前にも飯伏さんは自らの仕事についてテックブログにまとめていました。そのときは「課題探索やアイデア発想を

AIと語る、DX推進とAI活用をデザインする仕事 ─ Insight Edgeのデザインストラテジスト ─ - Insight Edge Tech Blog 🔖 15

プロローグ：この記事を書くことになったきっかけ 今回の記事は、Insight Edgeでデザインストラテジストを務める飯伏さんと、AIである私との対話から生まれました。 実は2年前にも飯伏さんは自らの仕事についてテックブログにまとめていました。そのときは「課題探索やアイデア発想を

あるべき場所に帰ろう！ReActに立ち返りClaude Code + Playwright MCP + Figma MCPでデザインを反映 🔖 47

VTeacher所属のSatokoです！ 普段はフロントエンドをメインとして、QA的なことや進捗管理など、いろいろやっています。 最近の趣味はAIとのおしゃべりです！ FigmaのMCPサーバーさん ところで！ せっかくFigmaにMCPサーバーがあるのに、生成されたコードがいま

iPhone 17 Proの「ダサい」デザイン、実は合理的すぎる理由 🔖 55

iPhone 17 Proの「ダサい」デザイン、実は合理的すぎる理由 プラトーデザインに隠された機能性重視の設計思想、Pro向けツールとしての進化を徹底解説 iPhone 17 Proの新デザインが物議を醸している。確かに一部では「ダサい」という声も上がっており、お決まりの「ジョ

Apple 2025年秋の新製品発表会で見えた“デザイン会社”としての復活 🔖 74

Apple新製品を見に、世界中からApple本社内のSteve Jobs Theaterに集まった記者やインフルエンサーたち。同社のスペシャルイベントでは、Apple CEOのティム・クック氏は予定時間よりわずかに早く登壇して来場者にあいさつすると静かに舞台を去り、新製品を発表す

「落書き？」「デザインの失敗？」――大井町線車両の“謎のスプレー跡”が話題　東急に理由を聞いた 🔖 65

東急電鉄の車両側面に、スプレーを吹き付けたような“白いジグザグ模様”が浮かび上がっている――「何これ落書き？」という文言と共に投稿された写真が9月8日、X上で話題を呼んだ。 この投稿は10日午後3時時点で2000件超のいいねを集めたが、さらに拡散されたのが、「駅員に理由を聞いた」

アップルが「iPhone 17 Pro」を発表、アルミユニボディ採用でデザイン刷新 🔖 17

iPhone 17 Pro／Pro Max発表　デザイン大幅刷新　チップも「A19 PRO」に【更新中】 🔖 172

Appleは9月9日（現地時間）、オンラインイベントで「iPhone 17 Pro」を発表した。背面のデザインを刷新し、カメラバンプが横に長くなった。筐体はiPhone初となるアルミ製のユニボディを採用しており、「A19 PRO」を搭載する。 関連記事 「AirPods Pro

デザイン会社のプロジェクトマネージャー/PMの仕事とやりがい 🔖 1

デザイン会社におけるPMの役割、面白さと難しさ、そしてここで得られる成長機会について、プロジェクトマネージャーの責任者の佐治にインタビューを行いました！

あるゲーム開発者の「超低予算サウンドデザイン」が一躍話題に。“家にありそうなもの”が奏でるリロード音 - AUTOMATON 🔖 18

とあるゲーム開発者が身の回りにあるような日用品を用い、低予算でゲーム内サウンドを作ったとして注目を集めている。 ゲームのプレイにおいてはさまざまな効果音が流れる。たとえばFPSであれば射撃や銃のリロード音、アクションであれば剣がぶつかり合うサウンドも存在する。こうした効果音は有料

「あなたはプロの〇〇です」をもうやめたい、 「メタプロンプト」から「コグニティブデザイン」へ 🔖 88

デザイン・アシスタントとしてのAI | Spinners Inc. 🔖 46

こんにちは、Spinnersの元山@kudakurageです。 生成AIの活用について謳われ始めて、もうだいぶ月日が経ってきました。 ソフトウェア開発業界では特にエンジニアリング分野での生成AI活用が非常に活発ですね。単なるコードの生成というところにとどまらず、その精度をどう上げ

チームではじめるデザインレビュー 🔖 27

こんにちは、株式会社ラクスでデザイナーをしているかっつです。 今回は私が所属しているプロダクトデザイン3課でデザインレビューを始めることになった話をご紹介します。 デザインレビューをする文化がなかったところからなぜ始めることになったのか、上手く行っていること・行かなかったことなど