デザインシステムがあると何が良いんだろう？ 🔖 2

こんにちは！アルダグラムでエンジニアをしている kageyama です最近、「デザインシステムがあれば、この issue は解決する or 産まれなかったかも？」と思うことがありました。プロダクトが成長すると、ページごとで共通コンポーネントの扱いが若干違ったり、似て非なるコン

デザインシステムがあると何が良いんだろう？ 🔖 2

こんにちは！アルダグラムでエンジニアをしている kageyama です最近、「デザインシステムがあれば、この issue は解決する or 産まれなかったかも？」と思うことがありました。プロダクトが成長すると、ページごとで共通コンポーネントの扱いが若干違ったり、似て非なるコン

🎨Figma MCPの構造化問題を改善！「Layermate」でデザイン再現率を向上させた話 🔖 18

みなさんこんにちは！カンリーで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」でデザイン再現率を向上させた話 🔖 18

みなさんこんにちは！カンリーでVPoEをしてます長谷川です。今回は、Figma MCPの構造化問題に取組んだお話ができればと思います！ ✨ はじめにFigma MCPを使ったことはありますか？MCPとは「Model Context Protocol」の略で、AIがFig

AIと共に“創る力”を育てる〜OPTiMデザインチームのAX実践〜 🔖 1

はじめに はじめまして。OPTiMのプロモーション・デザインユニット（以下、プロモ・デザインU）のデザインチームです。 私たちは、ブランディングを軸に、オフラインイベントやパンフレット、パッケージデザインなど、幅広い社内外制作物を手がけるインハウスデザインチームです。 現在、世の

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

(スマホでAIに書かせました)はじめに「生成AIへの指示の書き方が分からない...」自然言語を理解する機械が登場したものの、私たちの多くは「自然言語で効果的に命令する方法」をまだ習得していません。それもそのはずです。自然言語は、プログラミング言語が持つ厳密さとは異...

そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム｜sakito 🔖 64

しかし、Headless UIであっても、その制限を超えるデザインや実装には限界があります。そこで登場したのが、コードを手元に持ってきて直接カスタマイズする方式です。 コードを手元に落とす方式の登場Headless UIの思想がさらに発展したのが、「ライブラリそのものを手元に落と

良いデザインができないなら、良いデザインを探してくればいい。 🔖 1

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

デザインエンジニアリングの領域を強化していきます 🔖 17

STORES のykpythemindです。今回はSTORES 内で強化しているデザインエンジニアリングの領域についてお伝えできたらと思います。 今までのSTORES はどうやってUIを作ってきたか まずは我々のプロダクトと、ここまで歩んできた道のりについて説明します。 STOR

アプリケーション デザイン 🔖 3

ソフトウェア開発者である私がアプリ開発時に考えているデザインのことのまとめです(2025 年版)。 デザインとは「Design」は「設計」という意味だと思いますが、日本語で「デザイン」というとグラフィックデザインという印象があり、見た目に関する話を意味することが多いと思いま

Figma to はてなCMSリリース！デザインデータをAIが自動でWebサイトに変換 - はてなCMS｜ノーコードで誰でもカンタン！ 🔖 20

こんにちは、 はてなCMSチームの id:kondo_hideaki です。 本日2025年8月6日に、Webサイト制作の現場で広く活用されているデザインツール「Figma」と、はてなCMSを連携する新機能をリリースしました。 デザイナーの方にも、Web担当者の方にもご活用いただ

UIデザインはなぜ「8の倍数ルール」と「12カラムシステム」が最適と考えられているのか 🔖 1

静的な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 の具体的な活用プロセスを深掘りします。

あえて不便、あえて不快。UXに効く「逆説のデザイン」 🔖 1

“なんとなくOK”を卒業する ― デザインレビューの視点を洗練させるには | Wantedly Engineer Blog 🔖 30

はじめまして。ウォンテッドリーでMobile Tech Leadを務めている久保出と申します。 この記事は、2025年夏のウォンテッドリーのアドベントカレンダー20日目の記事として執筆しました。主な対象読者として、モバイルおよびフロントエンド領域でUI実装やデザインレビューに関わ

“なんとなくOK”を卒業する ― デザインレビューの視点を洗練させるには 🔖 30

はじめまして。ウォンテッドリーでMobile Tech Leadを務めている久保出と申します。この記事は、2025...

子育てから学ぶUXデザイン - 新米パパが気づいた「本当のユーザー目線」- 🔖 1

バイブコーディング革命 – 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

FigmaデザインをHTML/CSSへ変換する方法 🔖 3

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のデザインレビュー、もっと効率的にできないか

デザインエンジニアMeetup #2 | イベントレポート 🔖 1

2025年6月18日に「デザインエンジニアMeetup #2」を開催しました！ デザインとエンジニアリングを横断して問題解決を行い、プロダクトのデリバリーやアイデア検証を高速に行う「デザインエンジニア」。この職種はまだ事例が少なく、業務やキャリアの実態が語られる機会は多くありませ

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

デザインの基本となるタイポグラフィ、カラー、形などのデザイン要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 サステナビリティを重視したアースカラー、進化しているグラデーションの使い方、ネガティブスペースやポジティブスペースの使い方など、

【スペシャルコメント掲載】ELECOM×士郎正宗 デザインマウスが23年の時を経て再起動。当時の開発の試作品を見ながら、その歴史を振り返る【2025年冬復刻予定】 – Hobby JAPAN Web 🔖 37

HOME記事その他【スペシャルコメント掲載】ELECOM×士郎正宗 デザインマウスが23年の時を経て再起動。当時の開発の試作品を見ながら、その歴史を振り返る【2025年冬復刻予定】 【スペシャルコメント掲載】ELECOM×士郎正宗 デザインマウスが23年の時を経て再起動。当時の開

脱・初心者デザイン。文字間隔と行間で、ここまで印象は変わる｜kiri 🔖 43

こんにちは！株式会社Rabeeでデザイナーをしています、kiriです。 本日は、サイトのデザイン作成における初心者っぽさを脱するための一歩として、文字間隔と行間の調整がいかに大切かについて、説明します。 なぜ、初心者っぽく見えてしまうのか？配色も、フォントも、それほど悪くない。

Config 2025 現地参加レポート、AI時代のプロダクトデザインについて考える 🔖 4

Configとは？ ConfigはFigmaが主催するグローバルデザインカンファレンスで、年に1度サンフランシスコで開催されます。Figmaの新機能リリース発表に加え、世界中から招かれた登壇者による多彩なセッションが行わ […]

ロジクールの人気マウス｢MX Master｣シリーズの最新モデル｢MX Master 4｣のより鮮明な製品画像が登場｜デザインの違いや追加のボタンが明らかに | 気になる、記になる… 🔖 41

先月、Logitech（日本ではロジクール）の人気ワイヤレスマウス「MX Master」シリーズの最新モデル「MX Master 4」の発売が近いことが分かったとお伝えしましたが、その「MX Master 4」の新たな情報が出て来ました。 先月の時点では、「MX Master 4

【コピペOK】個人開発でApple風デザインルールを作ったら統一感のあるカッコいいUIにできた話 🔖 257

こんにちは、とまだです。 先日、こんな記事を書かせていただきました。 【AI 駆動開発】Cursor を使いこなして 1 ヶ月でプログラミング学習サイトを作ったのでノウハウを伝えたい Cursor と Claude を使った AI 駆動開発で、1 ヶ月でプログラミング学習サイトを

非エンジニアのデザイナーが、200回の試行錯誤でデザインモック自動生成AIアプリを完成させた話 🔖 1

はじめにこんにちは！Finatextデザインチームの密(@suzukamitsu)と小林(@f_kobayashi)です。この記事では、社内AIコンテストで制作したアプリ「Mocky」について、開発の背景や仕組み、実装で工夫した点などをご紹介します。まだまだ試行錯誤中のプロジ

[Snowflake Postgres] 「100％ピュアなPostgreSQL」が意味する製品デザインを解説 🔖 1

こんにちは、喜田です。Snowflake Postgresの発表以来、関連ニュースを追ったり、速報ブログを英語化して公開したところ多数のリアクションをいただき、海外のエンジニアや調査会社からDMで…

1人でできるデザインスプリントアプリの作成 🔖 1

はじめに2025年6月14日札幌、GDG Sapporo/GDG Greater Kansai/AKATSUKI Projectが主催・協力して実施された「Build with AI 2025 EZO」に参加してきました！Google Developerが厳選した、各分野を牽