はてぶ・Qiita・Zennのトレンド記事を紹介
デザインは、Webサイトやアプリの見た目や使いやすさを設計する作業です。UI/UXやグラフィックデザインなど、幅広い分野があります。
iPhone 17 Proの「ダサい」デザイン、実は合理的すぎる理由 🔖 51
iPhone 17 Proの「ダサい」デザイン、実は合理的すぎる理由 プラトーデザインに隠された機能性重視の設計思想、Pro向けツールとしての進化を徹底解説 iPhone 17 Proの新デザインが物議を醸している。確かに一部では「ダサい」という声も上がっており、お決まりの「ジョ
Apple 2025年秋の新製品発表会で見えた“デザイン会社”としての復活 🔖 75
Apple新製品を見に、世界中からApple本社内のSteve Jobs Theaterに集まった記者やインフルエンサーたち。同社のスペシャルイベントでは、Apple CEOのティム・クック氏は予定時間よりわずかに早く登壇して来場者にあいさつすると静かに舞台を去り、新製品を発表す
「落書き？」「デザインの失敗？」――大井町線車両の“謎のスプレー跡”が話題 東急に理由を聞いた 🔖 65
東急電鉄の車両側面に、スプレーを吹き付けたような“白いジグザグ模様”が浮かび上がっている――「何これ落書き？」という文言と共に投稿された写真が9月8日、X上で話題を呼んだ。 この投稿は10日午後3時時点で2000件超のいいねを集めたが、さらに拡散されたのが、「駅員に理由を聞いた」
iPhone 17 Pro／Pro Max発表 デザイン大幅刷新 チップも「A19 PRO」に【更新中】 🔖 174
Appleは9月9日（現地時間）、オンラインイベントで「iPhone 17 Pro」を発表した。背面のデザインを刷新し、カメラバンプが横に長くなった。筐体はiPhone初となるアルミ製のユニボディを採用しており、「A19 PRO」を搭載する。 関連記事 「AirPods Pro
デザイン会社のプロジェクトマネージャー/PMの仕事とやりがい 🔖 1
デザイン会社におけるPMの役割、面白さと難しさ、そしてここで得られる成長機会について、プロジェクトマネージャーの責任者の佐治にインタビューを行いました！
あるゲーム開発者の「超低予算サウンドデザイン」が一躍話題に。“家にありそうなもの”が奏でるリロード音 - AUTOMATON 🔖 18
とあるゲーム開発者が身の回りにあるような日用品を用い、低予算でゲーム内サウンドを作ったとして注目を集めている。 ゲームのプレイにおいてはさまざまな効果音が流れる。たとえばFPSであれば射撃や銃のリロード音、アクションであれば剣がぶつかり合うサウンドも存在する。こうした効果音は有料
デザイン・アシスタントとしてのAI | Spinners Inc. 🔖 45
こんにちは、Spinnersの元山@kudakurageです。 生成AIの活用について謳われ始めて、もうだいぶ月日が経ってきました。 ソフトウェア開発業界では特にエンジニアリング分野での生成AI活用が非常に活発ですね。単なるコードの生成というところにとどまらず、その精度をどう上げ
こんにちは、株式会社ラクスでデザイナーをしているかっつです。 今回は私が所属しているプロダクトデザイン3課でデザインレビューを始めることになった話をご紹介します。 デザインレビューをする文化がなかったところからなぜ始めることになったのか、上手く行っていること・行かなかったことなど
こんにちは！アルダグラムでエンジニアをしている kageyama です最近、「デザインシステムがあれば、この issue は解決する or 産まれなかったかも？」と思うことがありました。プロダクトが成長すると、ページごとで共通コンポーネントの扱いが若干違ったり、似て非なるコン
こんにちは！アルダグラムでエンジニアをしている kageyama です最近、「デザインシステムがあれば、この issue は解決する or 産まれなかったかも？」と思うことがありました。プロダクトが成長すると、ページごとで共通コンポーネントの扱いが若干違ったり、似て非なるコン
🎨Figma MCPの構造化問題を改善！「Layermate」でデザイン再現率を向上させた話 🔖 17
みなさんこんにちは！カンリーでVPoEをしてます長谷川です。今回は、Figma MCPの構造化問題に取組んだお話ができればと思います！ ✨ はじめにFigma MCPを使ったことはありますか？MCPとは「Model Context Protocol」の略で、AIがFig
「Cursor x Figma」：Figmaデザインから本格的なWebサイトへの実装 🔖 1
こんにちは。ENECHANGEのデザイナー安住です。 今回、 Figma で作成したLPデザインと、AI駆動のエディタ Cusorを組み合わせることで、デザインの忠実性を保ちながら、これまでにないスピードで実装するプロセスを確立しました。このプロセスが、デザインワークフローにどの
🎨Figma MCPの構造化問題を改善！「Layermate」でデザイン再現率を向上させた話 🔖 17
みなさんこんにちは！カンリーでVPoEをしてます長谷川です。今回は、Figma MCPの構造化問題に取組んだお話ができればと思います！ ✨ はじめにFigma MCPを使ったことはありますか？MCPとは「Model Context Protocol」の略で、AIがFig
AIと共に“創る力”を育てる〜OPTiMデザインチームのAX実践〜 🔖 1
はじめに はじめまして。OPTiMのプロモーション・デザインユニット（以下、プロモ・デザインU）のデザインチームです。 私たちは、ブランディングを軸に、オフラインイベントやパンフレット、パッケージデザインなど、幅広い社内外制作物を手がけるインハウスデザインチームです。 現在、世の
「あなたはプロの〇〇です」をもうやめたい、 「メタプロンプト」から「コグニティブデザイン」へ 🔖 77
(スマホでAIに書かせました)はじめに「生成AIへの指示の書き方が分からない...」自然言語を理解する機械が登場したものの、私たちの多くは「自然言語で効果的に命令する方法」をまだ習得していません。それもそのはずです。自然言語は、プログラミング言語が持つ厳密さとは異...
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム｜sakito 🔖 64
しかし、Headless UIであっても、その制限を超えるデザインや実装には限界があります。そこで登場したのが、コードを手元に持ってきて直接カスタマイズする方式です。 コードを手元に落とす方式の登場Headless UIの思想がさらに発展したのが、「ライブラリそのものを手元に落と
kintoneの開発エコシステムを支援する拡張基盤チームとDXデザインチームの活動を紹介します 🔖 2
この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 こんにちは！ kintone開発組織でエンジニアリングマネージャーをしている tasshi です。 今回はkintoneのエコシステムの開発者を支援する、私たちの活動について紹介します。 目次 kint
「分散システムのためのデザインパターン」 を紹介したい | ドクセル 🔖 29
「分散システムのためのデザインパター ン」 を紹介したい 2025/08/16 (Sat) Kofu.なんか #1 Yusuke Tanaka Who am I 米ジョージア工科大学のオンライン修士 課程に通いながらDeno Land Inc.でい ろいろやっています🦕 最近はD
成果物のクオリティが劇的に変わる！エンジニアのための３つのUIデザイン基礎メモ 🔖 1
はじめに私の周囲には、つい最近Javaに触れ始めた私など足元にも及ばない、知識豊富で優秀なエンジニアがたくさんいます。しかし、そんな彼らでも開発の過程で UI/UXの知識が不足しているために、性能的には非常に優れているのに、ユーザーが使いづらさを感じてしまうプロダク...
三菱UFJ銀行アプリのデザインシステム構築｜Japan Digital Design, Inc. 🔖 79
Japan Digital Designの柳沢です。 三菱UFJフィナンシャル・グループの戦略子会社であるJapan Digital Design（以下JDD）でExperience Design Div.（以下XDD）に所属し、プロジェクトの推進や体験設計などを担当しています
デザインエンジニアリングの領域を強化していきます - STORES Product Blog 🔖 17
STORES のykpythemindです。今回はSTORES 内で強化しているデザインエンジニアリングの領域についてお伝えできたらと思います。 今までのSTORES はどうやってUIを作ってきたか まずは我々のプロダクトと、ここまで歩んできた道のりについて説明します。 STOR
STORES のykpythemindです。今回はSTORES 内で強化しているデザインエンジニアリングの領域についてお伝えできたらと思います。 今までのSTORES はどうやってUIを作ってきたか まずは我々のプロダクトと、ここまで歩んできた道のりについて説明します。 STOR
ソフトウェア開発者である私がアプリ開発時に考えているデザインのことのまとめです(2025 年版)。 デザインとは「Design」は「設計」という意味だと思いますが、日本語で「デザイン」というとグラフィックデザインという印象があり、見た目に関する話を意味することが多いと思いま
Figma to はてなCMSリリース！デザインデータをAIが自動でWebサイトに変換 - はてなCMS｜ノーコードで誰でもカンタン！ 🔖 20
こんにちは、 はてなCMSチームの id:kondo_hideaki です。 本日2025年8月6日に、Webサイト制作の現場で広く活用されているデザインツール「Figma」と、はてなCMSを連携する新機能をリリースしました。 デザイナーの方にも、Web担当者の方にもご活用いただ
静的なFigmaデザインから動的なUIを生成 〜AIに"動き"を伝える「アノテーション駆動開発」〜 🔖 7
こんにちは、Ryotaです🐶ときはAIエージェント元年。生成AIの急速な進化により、ソフトウェア開発の常識は大きく塗り替えられつつあります。弊社でもこの潮流をチャンスと捉え、社内AIエージェント開発プロジェクト を立ち上げました。反復的なコーディング作業をAIに任せること
10XでのLLMデザイン活用 8事例（2025年夏版）｜suumin 🔖 24
こんにちは！10X プロダクトデザイナーの日比谷（@suuminbot）です。 10Xでは社長の矢本さんとエンジニアを中心に業務でのLLM活用が活発ですが、デザイナは…？というと正直つい先日まであまり活用できていない状況が続いていました。 というのも、昨年の秋ごろから今年5月まで
AI × Turtle で実現する Vibe Coding：DMM デザインシステムを活用した新たな開発ワークフロー 🔖 4
はじめに Turtle とは わたしたちのこれまでの取り組み AI-Turtle プロジェクトの誕生 Figma MCP サーバーを試す Turtle MCP サーバーを作る MCP サーバーの実装 ルールの作成 デザイントークンの処理 デザインデータは AI-friendly
“なんかイマイチ”を抜け出したい人へ。プロも参考にする最新Webデザイン50選 🔖 323
「最近、なんかマンネリだな…」そんなときこそ、いいデザインに触れるのが一番の特効薬。 今回紹介するのは、アイデアが自然と湧いてくる、珠玉のWebサイト50選。 […] “なんかイマイチ”を抜け出したい人へ。プロも参考にする最新Webデザイン50選はPhotoshopVIPで公開さ
AI （Dify） で変わるマーケティングとデザインの協業プロセス - Techtouch Developers Blog 🔖 53
取り組みのきっかけ 展示会準備の最適化 新しいプロセス 手応えと課題 AI 活用の模索 デザイナーチームの助言 ツールの検討 Dify で実現する「展示会プランナー AI 」 「展示会プランナー AI」の利用イメージ 実際に使ったマーケチームの声 最後に こんにちは、テックタッチ
hacomonoのUXエンジニアとは？技術とデザインの架け橋として、ユーザー体験を追求するエンジニアの役割 🔖 16
こんにちは。hacomono UX部エンジニアの yasu です。 hacomonoでは、フィットネスクラブ・インドアゴルフ・24hジム・スイミングスクールなどのウェルネス領域の店舗運営を支える会員管理・予約・決済システムを提供しています。 この記事では、hacomonoでUXエ
AI （Dify） で変わるマーケティングとデザインの協業プロセス 🔖 53
本記事では、 AI を活用してマーケティングチームとデザインの協業プロセスをどのように革新したかをお伝えします。日々の業務を効率化する強力な後方支援として、AI の具体的な活用プロセスを深掘りします。
“なんとなくOK”を卒業する ― デザインレビューの視点を洗練させるには | Wantedly Engineer Blog 🔖 30
はじめまして。ウォンテッドリーでMobile Tech Leadを務めている久保出と申します。 この記事は、2025年夏のウォンテッドリーのアドベントカレンダー20日目の記事として執筆しました。主な対象読者として、モバイルおよびフロントエンド領域でUI実装やデザインレビューに関わ
“なんとなくOK”を卒業する ― デザインレビューの視点を洗練させるには 🔖 30
はじめまして。ウォンテッドリーでMobile Tech Leadを務めている久保出と申します。この記事は、2025...
バイブコーディング革命 – AIツールが再定義するプロダクト開発とデザイナーの価値 デザイン会社 ビートラックス: ブログ 🔖 33
シリコンバレーのスタートアップ界隈で「バイブコーディング」という言葉が飛び交っている。 OpenAI共同創業者の1人であり、TeslaのAI・自動運転部門のディレクターを務めていたAI研究者の、Andre Karpathy氏が、ツイート上で名付けたこの概念は、単なる新しいコーディ
「総当たりコントラストチェック」よ、さようなら。LCH色空間を使ったデザインシステムのカラーパレット設計｜LegalOn Technologies Designers 🔖 32
こんにちは、すずきちえです。LegalOn Technologiesでデザインシステム「Aegis」の開発チームに所属しています。 先日公開したこちらの記事では、私たちのデザインシステム「Aegis」が、いかにして生まれ、会社の共通基盤へと成長していったかの道のりをご紹介しました
誰でも作れてしまう時代に知っておきたいデザインの話 | Wantedly Design 🔖 59
Wantedlyでプロダクトデザイナーをしているkanon(@prgbunbun)です！Wantedlyで行われている夏のアドベントカレンダー12日目の記事として、誰でも作れてしまう時代だからこそ、非デザイナーの方にも知っておいてほしいデザインの話をしていこうと思います。 生成A
WEBソリューション課の田畑です。 現在Figmaというデザインツールを使ってUIデザイン（ウェブサイトの見た目や使い勝手を設計すること）や画面デザインなどを行なっています。 Figmaでデザインを作成後に、それを元にHTMLとCSSでwebページを作成しています。 もっと効率的
Webデザインやってた時に『無印良品みたいな簡単なデザインでいい』って言われて、無印なめてんのか？ってなった事ある 🔖 64
ナイトウミノワ @minowa_ 以前働いていた会社で、Webデザインやってたんだけど、「無印良品みたいな簡単なデザインでいい」って言われて、無印なめてんのか？ ってなったことある 2025-07-08 19:48:08
iOS 26 Beta 3でApple渾身の新デザイン「Liquid Glass」のガラス感が薄まり「すりガラス」と嘲笑される 🔖 41
Appleは2025年6月10日に開催した開発者向け年次会議のWWDC25で、iPhoneやMac向けの新デザイン「Liquid Glass」を発表しました。このLiquid Glassは光の屈折やガラスの光学特性を活かしたデザインになっているため、「背景とUIの判別がつきづらい
仮面ライダー新作「ゼッツ」発表、「生成AIか否か」に注目集まる デザインやティーザー映像の背景が話題 🔖 27
仮面ライダー新作「ゼッツ」発表、「生成AIか否か」に注目集まる デザインやティーザー映像の背景が話題（1/2 ページ） 東映は7月6日、テレビシリーズ「仮面ライダー」の新作「仮面ライダーゼッツ」を発表した。同日にはティーザー映像も公開。SNSでは映像の背景や仮面ライダーそのものの
生成 UIでユーザーに最適化されたデザインを魅せる。そんな未来の先行体験会。 - カミナシ エンジニアブログ 🔖 40
プロローグ 河野「このTODOアプリ便利やなぁ」 河野「でも、なんかシンプルすぎて退屈やねんなぁ。たまにTODO忘れるし...」 河野「もっとド派手なハリウッド映画みたいなデザインで緊迫感だしてくれや！」 アプリ「わかりました。もっと激しくてインパクトのあるデザインで訴求します。
生成 UIでユーザーに最適化されたデザインを魅せる。そんな未来の先行体験会。 🔖 40
プロローグ 河野「このTODOアプリ便利やなぁ」 河野「でも、なんかシンプルすぎて退屈やねんなぁ。たまにTODO忘れるし...」 河野「もっとド派手なハリウッド映画みたいなデザインで緊迫感だしてくれや！」 アプリ「わかりました。もっと激しくてインパクトのあるデザインで訴求します。
生成 UIでユーザーに最適化されたデザインを魅せる。そんな未来の先行体験会。 🔖 40
プロローグ 河野「このTODOアプリ便利やなぁ」 河野「でも、なんかシンプルすぎて退屈やねんなぁ。たまにTODO忘れるし...」 河野「もっとド派手なハリウッド映画みたいなデザインで緊迫感だしてくれや！」 アプリ「わかりました。もっと激しくてインパクトのあるデザインで訴求します。
【Figma × Cursor】AI連携でデザインレビューを自動化する全手順【動画連動解説】｜梅本 周作 / ajike 🔖 151
Figmaの新機能「DevMode MCP」と、FigmaのMCPのひとつAIツール「Talk to Figma」を組み合わせて、デザインレビューの自動化と効率化を試しました。 ※この記事はYoutubeでも解説しています 「Figmaのデザインレビュー、もっと効率的にできないか