knowledge-flow
← Categories

Design

174 件の記事

2026

11

  1. 国産SaaSの致命的欠点「アプリ」 AIより先に手を付けるべきでは？
  2. Font Fam
  3. Crossfade
  4. 大学1年生がつくったOSSがGitHub Star 1万超。AIに渡す「画面の設計図」はどう生まれた？
  5. Designing Agentic Interfaces Beyond the Chatbot
  6. Canva、Affinity for iPadを無料公開 ——Linux版も開発中とコメント
  7. Figmaのリアルタイム同期の仕組みを、Node.js + WebSocketの最小構成で実装してみた
  8. refern.
  9. Declarative Dragging
  10. Webデザインのインスピレーションを得られる！ デザインの細部に関するアイデアがまとめられた -Design Details
  11. Rungle
  12. Canva lays off over 1,200 people amid slowing growth
  13. Figma Motionで作ったUIアニメーションをCSSで再現してみた
  14. Material 3 Expressiveの画面をブラウザで組み立てて画面同士をつなぎタップして確かめてそのままAIコーディング用のプロンプトにするツール「M3E Canvas」

10Figma Specs と、Firefox・VS Code の UI 刷新

  1. Design the interface for functionality not familiarity
  2. 近未来のデザインが大好物な人に！ ネオン、SF、サイバーパンクにインスパイアされたUIコンポーネント -NeonBlade UI
  3. Why we refreshed the n8n brand
  4. GitHub - enesozturk/dimensional-drawing
  5. 決定的なフロントエンドアーキテクチャがいい
  6. Product Hunt Visual Launch Editor
  7. 「Visual Studio Code」でUIのモダナイズが進行中、従来の「クラシックUI」はいずれ廃止へ／詰まった表示の［Compact］やタブがエディターにくっついたデザインも選択可能
  8. Figma Specs
  9. Umbra Mail
  10. Someone behind the software
  11. 漢字の上にふりがなを表示する日本語フォント「Furifont」オープンライセンスで公開
  12. Tidy Design
  13. Figma announces new features to define how agents work on its platform
  14. Diagramly
  15. OpenFlowKit 2
  16. HarnessHive
  17. How I Build UIs with AI
  18. Reviewing code in the agent era
  19. The wild west of polyglot docs sites
  20. NYC's "Click to Cancel" rule is now in effect
  21. Maildun for Mac
  22. PixRater
  23. 印刷物基準の文字組みをウェブの世界で。日本デザインセンター様から生まれたiOS用文字組みエンジンをJavaScriptに移植しました。
  24. Deeper dive: Keyboard differences between Windows and Macs
  25. There are many themes, but this one is yours
  26. Bridging technical depth and usability: The story behind Radar’s redesign
  27. 嫌われるデザインの歴史
  28. SVGアイコンを探すときにこれは便利！ 無料で商用利用できるアイコンのライブラリを横断検索できる便利サイト -IconsDB
  29. Aura by Neural
  30. アール・デコの美しい幾何学模様をデザインに取り入れた、CSSで実装されたボタン -Art Déco Buttons
  31. Scumble
  32. オブジェクト指向UIデザインをAgent Skillにして、Claudeが作るUIはどう変わるかの検証
  33. Pass Designer
  34. 無料でカスタマイズ可能SVGパターンをいろいろ作成できる「Book of Shapes」
  35. 「Firefox 157」正式版リリース、ここ数年で最大規模のデザイン刷新＆画面を広く使える「コンパクトモード」が登場
  36. Qt 6.12 LTS Released!
  37. ガラスの屈折やぼかしも美しい！ WebページのさまざまなUI要素をリキッドグラスにするエフェクトライブラリ -LiquidGlass
  38. Bevell

09iPhone Duo のUI対応と、生成UIの実践

  1. ３分で読めるトランザクション設計のコツ
  2. Timeful
  3. Shotcandy
  4. Dina 4.5
  5. Teaching GPU programming in p5.js: now with compute shaders
  6. KiwiDesk
  7. “They had no concept of a duty of care to their users.”
  8. Ten Lines Of Code That Changed My World
  9. Rusty thoughts on "Parse, don't validate"
  10. Squints
  11. ステートマシンでフォームの分岐を管理して失敗した (データから導出できる値を状態にすべきでない)
  12. バナーデザインの引き出しが増える！ 38テーマに634作例、バナーに特化されたデザイン書 -バナーデザイン図鑑630
  13. Once UI 2.0
  14. katamari architecture
  15. How I Actually Ship Generative UI (Without Letting the LLM Write React)
  16. 商用利用無料！ ほっこりとした癒やし系フリーフォント、お母さまの手書き文字をベースにした -おかんのてがみ
  17. CSS用の物理ベースのライティングシステム「Ambient CSS」
  18. A brief history of Windows scroll bar shortcuts
  19. That About Wraps It Up for Stock Mac UI
  20. iPhone Duo、開くアニメには3回で慣れた。それでもヒンジに嫉妬した理由
  21. Back to Coupling and Cohesion
  22. Markdown in /src
  23. Photoshop風のMac向け画像編集アプリ「Compositor」オープンソースで公開
  24. Do you use :visited on links?
  25. OmniDICOM
  26. How Notion handles concurrent editing with CRDTs
  27. Union vs sum types
  28. CleanShot’s bulldozed settings
  29. AI-generated posters don’t have to be horrible
  30. Noto Emoji、3D絵文字のフォントと画像を公開、Unicode Emoji 18.0にも対応
  31. Figmaの同時編集、なぜこんなになめらか？CRDTに着想を得た同期設計を公式ブログから読み解く
  32. 管理者と利用者を同時に、しかもそれぞれ複数タブで。諦めた要件をGoogleの実測で見直した話
  33. Unvendor
  34. 浮世絵にインスパイアされたUIコンポーネント、和紙・墨・朱の和のカラースキームが癒やされる -Hinomaru Ink UI Kit
  35. これはUIデザイナーの手間が増えそう！ iPhone DuoでWebページがどのように表示されるかを確認できるシミュレータ -iPhone Duo Simulator
  36. The CSS Zen Garden dream, finally shipped
  37. エラー対応設計: 例外と障害を区別しよう
  38. テーブルの created at にサービスのドメインロジックを持たせない
  39. UIデザイナー視点で見る「iPhone Duo」
  40. Resurf
  41. AI時代のWebフレームワークはどこへ行く？
  42. Reactの設計論
  43. こういうデザイン書が欲しかった！ 不易流行、日本の伝統デザインについて深くふかく学べるデザイン書 -伝統デザインのはなし
  44. Webページをスキャンして、古いCSSに置き換わるモダンCSSを提案してくれる無料ツール -Modern CSS Radar
  45. OUI-1: a model that generates bespoke UI elements
  46. TALA is open-source
  47. CSS Gridで実装、弁当グリッドのレイアウトを確認しながらCSSを生成できる無料ツール -Bento Grid Builder
  48. 面倒なCSSアニメーションもこれで簡単に実装できる！ 繊細な動きを最優先にしたフレームワーク -EaseMotion CSS
  49. Kombai Gallery
  50. AI エージェントの Memory を、訂正・検査・削除から考えてみた
  51. ドメインモデル貧血症はなぜ生まれるのか — Decision パターンで DDD トリレンマを解く
  52. Two Tiny Utils for the Result Pattern
  53. Internationalization and Localization
  54. Ponytail
  55. PR Lens by Coldtea.ai
  56. Tucky
  57. Maybe We Shouldn't Be Reviewing All This Code
  58. Beyond ORMs
  59. iOS 27のreorderable container APIで並べ替えを試してみる
  60. UIレビューを楽にするためにPR作成をトリガーにしたStorybookをS3 + CloudFrontへ自動デプロイの仕組みを作った
  61. 国産ノーコードツール「Studio」の進化がすごすぎる！ 実務レベルの制作まで詳しく解説された -Studio ノーコードの教科書
  62. Imperial Colors Manifesto
  63. CodeLook
  64. Doop
  65. CleanShot 5.0 with Studio Mode
  66. 位置決めもサイズ計算もCSSだけで。「State of CSS 2026」で見る注目機能と軽量フレームワーク
  67. nOS4
  68. なんとなくでUIをAIに実装させない

08ダークパターン規制と、アクセシビリティ実践

  1. ハーネス設計入門 〜プロンプト、コンテキストの次〜
  2. AIエージェントが人間にとって理解しやすいシンプルなチャート仕様記述から表現力豊かで見栄えの良いグラフを確実に生成できる可視化中間言語「Flint」、50種類のチャートタイプをサポートしVega-Lite・ECharts・Chart.jsなどでレンダリング可能＆MCPサーバーあり
  3. 参議院のホームページがデザインリニューアルされたが、AIで丸ごと作ったか？という出来栄えで困惑する→落札価格が30万を切っている案件だった
  4. GUIs should be fully keyboard-driven
  5. Sendra
  6. Kraa 2.0
  7. 悪質UIを体験できる「ダークパターン博物館」が話題　解約迷路、偽の閉じるボタンなど 全8種
  8. CSS Color Module v6 ベースの色設計
  9. デザイナーが作る仕様駆動型デザインシステム
  10. Atkinson Hyperlegible appears a little smaller than some other fonts at the same font size
  11. 消費者庁、「ダークパターン」規制へ　特商法改正視野に中間取りまとめ案
  12. How to Design an Animation
  13. Mermaid VS PlantUML: Your Flow Is Mine!
  14. Screendrop
  15. A 2026 Survey of Rust GUI Libraries
  16. Stop Making TUIs
  17. Webの制作現場ですぐに役立つ情報が満載！ アクセシビリティへの取り組みを解説した良書 -Webアクセシビリティの教科書
  18. 社内アプリ開発したら『ダークモード実装してくれませんか？』の声がめちゃくちゃ多くてビビった
  19. 「アクセシビリティ対応、何をどう進める？」　UIデザイナーによる実践事例と課題
  20. JIS第1水準の漢字までほぼ完備！ ゆる～い感じがかわいい、おやつ屋さんが作った手書きフォント -おやつぽっけフォント
  21. Shape
  22. MiniMax Design
  23. 「1件だけ消す」つもりが全削除 〜空文字パスの罠と、削除処理に入れるべきガード〜
  24. 全部コピペで簡単に実装できる！ CSSで実装された、トレンドのテキストエフェクトをまとめたライブラリ -CSS Text Effects
  25. When the Down Arrow is not an Upside-Down Up Arrow
  26. Desktopcolors.com – A museum for solid background colors of classic OS
  27. 【コピペOK】CSSで作るモダンなUIアニメーション集
  28. API設計 - RESTでは表現しにくい操作を、どう設計するか
  29. “大画面”を活用できない――サイゼリヤに折りたたみスマホは不向き？ 注文UIに賛否
  30. コードレビューは「技術」である — AIが見逃した3つのバグ
  31. ストリーミング表示のチャットUIを、スクリーンリーダーにどう伝えるか
  32. Spotify、AIが作ったアーティストに「AI Persona」の印を付け推薦から外す
  33. トグルスイッチは有害である
  34. ライト／ダーク／システム設定の切り替えUIをどう作るか
  35. YouTube の広告がやたら眩しい理由は「HDR 画像」だった
  36. Web API設計の現在地2026
  37. メシウス、グリッド機能を強化したJavaScript UIライブラリ「Wijmo 2026J v1.1」
  38. サイボウズ、デザインシステムの議論を LLM-Wiki で追える形にする
  39. レスポンシブ設計に必要な数値が一箇所に集まるツール「ScreenSize.net」
  40. 肌の色をきちんと表現するための色空間「Inclusive Color Space」
  41. 3周年で30フォント、日本語フリーフォント「ひとりっこ」リリース
  42. AppleのデザインガイドラインをAIに教え込み「AI臭いUI」からの脱却に挑戦

07「AIっぽい見た目」への問い直しと、配色の探求

  1. その UI 要素の名前は？──「弁当グリッド」「ケバブ」を引ける NameThatUI
  2. 「AIっぽい見た目」とは何か──AI Aesthetic 論
  3. アニメーションの設計の仕方
  4. デザインとは妥協である
  5. 「プロトタイプ設定が消える」　Figma共同編集でハマりやすいポイントと対策6選
  6. shadcn/uiがBase UIをデフォルトに——移行の背景と実務対応
  7. 名画からインスピレーションを得たカラーパレットを無料ダウンロード -Palette Inspiration
  8. Xがイチから作り直したAndroidアプリ、「過去最大級の刷新」に賛否
  9. PDFやEPUBを男女の声で読み上げる、オフライン対応のmacOSアプリ「Aura Reader」
  10. Figmaデザインを React実装に落とし込むときの確認ポイント
  11. OKLCHで知覚的に優れた広色域カラーパレットを生成 -OKLCH Color Palette Generator
  12. 生成AI時代、UI/UXデザインに何が起きているか？（NN/G最新論点まとめ）