【Claude】理想のUIを解析して、使い慣れた言語で再現するSkillを作った
qiita.com
Claudeの「Skill」という機能を使って、理想のUIを解析し、それを使い慣れたプログラミング言語で再現する仕組みを構築した体験談です。 - UIデザインや開発に興味のある方 - Claudeの活用方法を知りたい方 - 新しい開発ツールの導入を検討している方
Qiita株式会社 katoriko
かこって検索がアップデート：画像全体から理想のスタイルを見つけよう
blog.google
「かこって検索」機能がアップデートされ、画像中の複数のオブジェクトを一度に検索できるようになりました。 これにより、1枚の写真から探したいアイテムを複数見つけ出すことが可能になります。 デザインやマーケティングに関わる方、特に画像検索の効率化を求めるユーザーにおすすめの記事です。
グーグル合同会社 <name>Harsh Kharbanda</name><title>Director, Product Management, Search</title><department/><company/>
イラストをアートから「アセット」へ：DesignOps 視点で挑む、生成 AI プロンプトの標準化と工程化
blog.kinto-technologies.com
・生成AIをデザインアセット制作に活用し、DesignOpsの観点からプロンプトの標準化と工程化を試みた事例。 ・AIツールごとの特性（Midjourney、ChatGPT、Gemini）を分析し、ブランドアイデンティティに沿った「AIを寄せる」アプローチで、ChatGPTを「信頼できる実行エンジン」として採用。 ・プロンプトを「Style Tokens」と「Content Variables」の2層構造にすることで、制作スピードと一貫性を両立させ、プロダクト横断での展開を目指す。
施設を並べずに、時間を設計した ― クロスユースの再構成
note.com
一休.comのデザイナーが、ホテル、レストラン、お取り寄せといった個別のサービス体験が、実際には「時間」として連続しているという視点から、クロスユースを再構成したLPについて解説しています。 ・単なるサービス利用ではなく、体験としての連続性を重視したLPについて ・「遠くへ行かない旅の始まり」というLPで、クロスユースの新しい見方を提案 ・デザイナーやプロダクトマネージャー、マーケターなど、サービス体験設計に関わる人向け
生成AIの導入だけで終わらせないーYahoo! JAPANアプリで、情報理解の体験をどう再設計したのか
lydesign.jp
Yahoo! JAPANアプリでは、生成AIの導入に留まらず、ユーザーが情報をどのように理解するかという体験そのものの再設計に焦点を当てています。 本記事は、生成AIとの向き合い方や、情報理解の体験を再設計する上でデザイナーが重ねた判断について、Yahoo! JAPANアプリのデザイナー3名へのインタビューを通じて解説します。 プロダクトマネージャー、デザイナー、そして情報設計に関心のある方々におすすめの記事です。
新しいものが大好きなGoodpatchで2月話題になったアプリ、サービス、デザインまとめ（2026）｜Blog｜Goodpatch グッドパッチ
goodpatch.com
2026年2月に話題となったアプリ、サービス、デザインのまとめです。 フードロス削減アプリ「Too Good To Go」、原価公開するアウトドアブランド「道草飯店」、目的地を秘密にするナビアプリ「Wherewalk」、東京都の政策を可視化する「データでわかる東京」、カレンダーシェアアプリ「TimeTree」のリニューアルなどが紹介されています。 また、デザインカンファレンス「Spectrum Tokyo Festival 2026」、オンラインイベント「UI UX Camp! 2026」、没入型イベント「ピクサーの世界展」といったイベント情報も含まれます。 この記事は、最新のサービスやデザイン動向に関心のあるUXデザイナー、プロダクトマネージャー、マーケター、ディレクター、そして新しいテクノロジーや体験デザインに興味のあるすべての人々に向けて書かれています。
株式会社グッドパッチ Kazuki Ikushima
採用担当者にこそ、事業視点が必要だ──毎日放送の人事がワークショップで学んだ「採用計画の作り方」｜Blog｜Goodpatch グッドパッチ
goodpatch.com
毎日放送（MBS）が、事業環境の変化に対応するため、人事担当者向けの採用計画立案ワークショップをピープルアンドデザインと共に実施した事例を紹介。 経営・事業理解を起点とした採用計画の重要性や、ジョブローテーションによる知識継承の課題克服、現場で使える採用ペルソナ作成のノウハウを共有。 人事担当者、事業企画担当者、経営層など、企業の成長戦略と採用計画の連動に関心のある全ての人々。
株式会社グッドパッチ 天野夏海
“とにかく、かんたんに”海外販売を実現するために。「かんたん海外販売」の体験設計と、MVPの作り方
note.com
- 「かんたん海外販売」サービスの体験設計とMVP開発について、デザイナー視点で振り返る記事。 - 越境ECの実現を目指し、企画からリリースまでのプロセスにおける工夫や考え方を紹介。 - デザイナー、プロダクトマネージャー、越境ECに関心のあるビジネスパーソン向け。
なぜ今「カオナビ」に！？デザインマネージャー大坪が語る、デザイン組織のリアル。
note.com
カオナビのデザイン組織に、新たなデザインマネージャーが参画した背景と現状について語られた記事です。 * SaaS業界の経験者が、なぜカオナビを選んだのか、その理由が明かされます。 * 入社直後のTOB（株式公開買付け）の舞台裏や、現在のチームの成長可能性について触れられています。 * デザイナー、デザインマネージャー、プロダクトマネージャー、コーポレート、マーケターなど、デザイン組織に関わる人々向けです。
新規事業で使えるフレームワーク24個！一覧表と各プロセスの推奨フレームワークを紹介！｜Blog｜Goodpatch グッドパッチ
goodpatch.com
新規事業立ち上げに役立つ24個のフレームワークを、事業フェーズごとに解説。領域選定から事業戦略立案まで、各段階で活用できるフレームワークを紹介し、その活用価値と注意点を解説しています。 - 新規事業の立ち上げを検討している担当者 - 事業開発のプロセスを体系的に学びたい方 - フレームワークを活用して事業の成功確率を高めたい方
株式会社グッドパッチ 矢野 翔大
Gemini で音楽生成
blog.google
- GeminiアプリにGoogle DeepMindの生成音楽モデルLyria 3が搭載され、音楽生成機能のベータ版提供が開始されました。 - クリエイティブな表現をサポートするツールとして、画像や動画に続き音楽生成機能が追加されました。 - 音楽制作に興味のあるクリエイターや開発者、AI技術に関心のあるユーザー向けの記事です。
グーグル合同会社 <name>Myriam Hamed Torres</name><title>Senior Product Manager</title><department>Google DeepMind</department><company/>
リブランディングとは？進め方・成功事例・検討タイミング・成果創出ポイントを解説！｜Blog｜Goodpatch グッドパッチ
goodpatch.com
「リブランディング」とは、企業やサービスが持つ本質的な価値を再定義し、顧客に再び選ばれるブランドへと再構築する経営手法です。時代に合わせてブランドイメージを刷新し、競争優位性を確立し、持続的な事業成長を目指します。 この記事は、リブランディングの基礎知識、実施のメリット、具体的な進め方、成功事例、検討すべきタイミング、成果を出すためのポイントを解説しています。 以下のような課題を抱える企業や、ブランド戦略の見直しを検討している担当者におすすめです。
株式会社グッドパッチ 矢野 翔大
【検証】AIへの「アクセシビリティ指示」でデザインシステムの実装品質はどう変わるか
toranoana-lab.hatenablog.com
・AI（Claude Code）にアクセシビリティ指示を与えた場合のデザインシステム実装品質を検証。 ・Liquid Glass風デザインを「アクセシビリティ指示なし」と「あり」の2パターンで実装し、Lighthouseスコア、コントラスト比、セマンティックHTMLなどを比較。 ・AIによる自動生成だけではアクセシビリティの品質を正確に測れないこと、指示により改善する領域があること、しかし最終的な品質担保には人のチェックが不可欠であることを示唆。
虎の穴ラボ株式会社 toranoana-lab
20年ぶりの基幹システム刷新に挑むスズキ、「未来志向」と「ユーザー参加」でDXを前進させるデザインアプローチ｜Blog｜Goodpatch グッドパッチ
goodpatch.com
・スズキが20年以上使用してきた技術文書・図面管理システムを、DX推進のため「2040年の未来」から逆算して刷新するプロジェクトについて解説。 ・デザイン思考と未来洞察のアプローチを用い、ユーザー参加型のワークショップを通じて、AIを「パートナー」や「ゲーム」として活用する新システムのコンセプトを立案。 ・ITシステムを単なる「ツール」から、未来の働き方を支える「全く新しい存在」へと進化させるための、企画構想フェーズの取り組みとその成果を紹介。
株式会社グッドパッチ 天野夏海
【Claude Code to Figma】generate_figma_designでできること
qiita.com
・Claude MCPのgenerate_figma_designというツールを紹介する記事です。 ・このツールは、Claude AIを利用してFigmaデザインを生成する機能を持っています。 ・Figmaのデザイナーや、AIを活用したデザイン生成に興味のあるエンジニアやプロダクトマネージャー向けです。
Qiita株式会社 degudegu2510
「何の役に立つの？」と図形問題を避ける次女。学習モチベを上げた「算数のスキルツリー」整理
levtech.jp
- 図形問題に苦手意識を持つ子供に対し、学習意欲を高めるための「算数のスキルツリー」という整理法を紹介。 - 保護者や教育関係者が、子供の学習へのモチベーションを効果的に引き出すためのヒントを提供。 - 図形問題の「何の役に立つのか」という疑問に答えることで、学習の意義を伝え、意欲向上を図るアプローチを解説。
レバレジーズ株式会社 レバテックLAB
東京と福岡、離れていてもキモチは一つ。こんなコミュニケーション工夫で目線合わせ LINEギフト#１: ブランド・プロセス編
lydesign.jp
- 東京と福岡のチームが「LINEギフト」のブランド・プロセス開発でどのように連携し、コミュニケーションの課題を克服したかの事例。 - 遠隔地でも円滑なコラボレーションを実現するための具体的な工夫や考え方を解説。 - プロジェクトマネージャー、ディレクター、プロダクトマネージャー、コーポレート担当者、マーケターなど、チームでのプロジェクト進行やコミュニケーションに関心のある全ての人々向け。
Web フォントを使って contenteditable から脱出する
techblog.lycorp.co.jp
Webフォントを使用してcontenteditable属性を持つ要素の表示を制御する方法について解説しています。 contenteditableの挙動とWebフォントの読み込みタイミングのずれによって、意図しない表示になる問題を解決策とともに紹介します。 Webフロントエンド開発者、特にリッチテキストエディタなどの実装に携わるエンジニア向けの記事です。
新規事業のアイデアの出し方は？思いつかない時の対処法や考え方・プロセスを解説｜Blog｜Goodpatch グッドパッチ
goodpatch.com
新規事業のアイデア創出から事業化までのプロセス、考え方、具体的な手法について解説しています。 ・新規事業のアイデアを成功させるために必要な7つの要素（解決性、実行可能性、継続性、拡張性、優位性、新規性、収益性）を理解する。 ・顧客の感情、隠れたニーズ、プロトタイピング、競合の存在を重視する4つの考え方と、自身の「好き」を起点としたアイデア創出プロセスを学ぶ。 ・アイデアが思いつかない場合の8つの解決策、アイデアを評価する4つの視点、そして具体的な支援事例を通じて、新規事業を成功に導くための実践的な知識を提供する。
株式会社グッドパッチ 矢野 翔大
コンテンツで「記憶のリンク」を作って想起を獲得した方法。リアルなストーリーを社員や顧客に語ってもらうコツ。ARR約450億円のGongの「語られるマーケティング」と3つのグロース施策まとめ。
markelabo.com
・Gong社が、顧客や社員によるリアルなストーリーテリングを通じて「記憶のリンク」を構築し、想起率を高めるマーケティング手法「語られるマーケティング」を実践している事例を紹介。 ・この手法を成功させるための、社員や顧客に効果的にストーリーを語ってもらうための具体的なコツも解説。 ・ARR約450億円規模のGong社の成長を支えた、このマーケティング戦略と3つのグロース施策に焦点を当てる。 このコンテンツは、 ・マーケター ・プロダクトマネージャー ・広報・PR担当者 などに役立ちます。
「審美眼」と「ディレクション」の力を磨く。DeNA DESIGNにおけるAI時代の若手デザイナー育成施策について
cocoda.design
DeNAはデザインを事業成長の核と捉え、デザイナーが活躍できる環境を整備してきました。 新卒デザイナー育成は1年目以降も継続し、デザインスキルだけでなく、戦略策定やリサーチ、プロトタイピング、実装といった職域拡大を通じて、事業にコミットできる人材育成を目指しています。 この記事は、DeNAにおけるAI時代の若手デザイナー育成施策に興味のあるデザイナーや、企業の人材育成担当者向けです。
2026 年のデジタル広告とコマースの展望
blog.google
2026年に向けたデジタル広告とコマースの将来展望について、Google広告がどのように体験を再構築していくかが解説されています。 ・変化する広告・コマース業界の動向とGoogle広告の戦略。 ・ユーザー中心でパーソナライズされた体験への進化。 ・マーケター、プロダクトマネージャー、ビジネスディレクターなど、業界の将来に関心のある全ての人々へ。
グーグル合同会社 <name>Vidhya Srinivasan</name><title>Vice President/General Manager</title><department>Ads & Commerce</department><company/>
Devinで始める デザインルール運用/cm-fukuoka-study-lmi
speakerdeck.com
DevinというAIを活用してデザインルールを運用する方法についての発表資料です。 リンクアンドモチベーション社が、クラメソふくおかIT勉強会で発表した内容であり、デザインシステムや開発プロセスにおけるAI活用のヒントを提供します。 デザイン、プラットフォームエンジニアリング、エンジニアリングマネジメントに関心のあるエンジニアやプロダクトマネージャー向けの内容です。
デザインエンジニアMeetup #5 開発スピードを落とさずにUI品質を守る
estie.connpass.com
・開発スピードを維持しながらUIの品質を担保するためのフロントエンド設計とデリバリー手法について解説するイベント。 ・AIによる実装効率化の恩恵を受けつつも、品質低下や仕様ズレといった課題への対策を探る。 ・フロントエンドエンジニア、デザイナー、プロダクト開発に関わる担当者向け。
2026年Webデザイン5大トレンド｜AIと人間らしさの現在地
lydesign.jp
・2026年のWebデザインはAIと人間らしさの共存がテーマ。 ・AIによる高度な体験と、人間らしい表現の価値が見いだされる。 ・デザイナーは、AI実装フェーズにおける5つのデザインテーマを参考にすべき。
「思考の深さが想像を超えていた」安定を捨てた僕が、入社2年で手に入れた“一生モノ”の視座｜宿泊フィールドセールス
note.com
- 安定した環境を離れ、入社2年で「一生モノ」の視座を手に入れた宿泊フィールドセールスの経験談。 - 自身の成長と変化、そしてそこで得られた学びについて語られています。 - キャリアパスや自己成長に関心のあるビジネスパーソン、特に営業職やホテル業界に関わる人におすすめです。
【都道府県別】特殊な住所・住居表示
www.estie.jp
• 全国各地の特殊な住所・住居表示を都道府県別に解説しています。 • データ統合や管理において、住所の正規化や実在確認の重要性を示唆しています。 • データクオリティマネージャーや住所情報を扱うシステム開発者、地理情報に関心のある読者向けです。
株式会社estie estie
マネーフォワードのデザインシステム「MFUI」に学ぶ、データドリブンな運用モデルの作り方｜Blog｜Goodpatch グッドパッチ
goodpatch.com
マネーフォワードがデザインシステム「MFUI」をデータドリブンな運用モデルへと進化した事例を紹介。 40以上のプロダクトを持つ同社が、一貫したユーザー体験と開発効率の確保のため、デザインシステムを強化。 グッドパッチとの協業により、ビジョン策定、利用調査、アセット統合などを実施し、感覚値での運用から脱却し、データと仕組みで成長するインフラへと進化したプロセスを詳述。 この記事は、デザインシステムを構築・運用する担当者、プロダクト開発に関わるエンジニアやデザイナー、そしてデザインシステムによる開発効率化に関心のあるエンジニアリングマネージャーやプロダクトマネージャー向けです。
株式会社グッドパッチ Goodpatch Blog編集部
【実践事例あり】AIで加速するデザインシステム運用 AI時代に人間が磨くべきことは？
blog.nijibox.jp
・AIを活用したデザインシステムの運用自動化について、具体的な事例を交えながら解説。 ・ChatGPT、Figma Make、Cursorといったツールを連携させた、要件定義からデザイン、実装までのワークフローを紹介。 ・AI時代に人間が磨くべき「審美眼」と「言語化力」の重要性を提唱し、クリエイターの新たな価値を示唆する記事。
株式会社ニジボックス shibakuki.sumire
現場に出て、一次情報から価値をつくる。デザインエンジニアとしてestieを選んだ理由
www.estie.jp
- estieのデザインエンジニアが、同社を選んだ理由を語る記事。 - 顧客の一次情報に触れ、仕事の成果を実感できる環境と、魅力的な人や文化に惹かれたことを詳述。 - フロントエンド開発やUXリサーチの経験を活かし、個別企業向けDXソリューションを提供している現状を説明。
株式会社estie estie
「なんでも屋」で終わる？ 事業会社の1人デザイナーが見つけた「自分の武器」｜Blog｜Goodpatch グッドパッチ
goodpatch.com
事業会社で一人デザイナーとして働く中で「何でも屋」になりがちな現状に焦りを感じていた経験から、クライアントワークに挑戦するためにグッドパッチへ転職。そこで自身の「ディレクション力」という強みを発見し、大規模プロジェクトで活かす。最終的にはマネージャー職も引き受け、事業会社での経験とクライアントワークの経験を両立させている。 この体験談は、自身の強みを見つけたい、キャリアの幅を広げたいと考えているデザイナー。 特に、事業会社で経験を積んだものの、自身の専門性や市場価値に不安を感じているデザイナーにおすすめの記事です。
株式会社グッドパッチ Kaori Sugimoto
課題定義から実装まで──Yahoo!不動産でデザイナーがプロダクトを牽引する理由
lydesign.jp
Yahoo!不動産でプロダクトデザイナーがどのように課題定義から実装までプロジェクトを主導しているかについての記事。 - プロダクトの初期段階からUXに関わりたいデザイナー - デザインシステムやブランド再構築に主体的に関わりたいデザイナー - 新しい挑戦を求めているデザイナー
ブランドらしさを表現するイラストシステム
note.com
ブランドの独自の世界観を表現するためのイラストシステム構築について解説。 サービスサイトやLP、バナーなどのクリエイティブにおける他社との差別化の重要性に触れています。 デザイナーやマーケター、ディレクターなど、クリエイティブ制作に関わる方々におすすめの記事です。
コーポレートブランディングとは？メリット・進め方・成功事例まで分かりやすく紹介｜Blog｜Goodpatch グッドパッチ
goodpatch.com
コーポレートブランディングは、企業の姿勢や社会への存在価値を中長期的に発信する経営戦略であり、ステークホルダーからの共感や信頼獲得を目指します。AI時代においては、製品・サービス単体での差別化が困難になるため、企業のストーリーや存在意義を伝えるブランディングが重要性を増しています。 この記事は、コーポレートブランディングの定義、重要性、メリット、具体的な進め方（8ステップ）、そして成功事例について解説しています。 ・企業の持続的な成長を目指す経営者や担当者 ・ブランディング戦略の立案や実行に課題を感じている方 ・自社のブランド価値を高め、市場での競争優位性を確立したいと考えている方
株式会社グッドパッチ 矢野 翔大
レンズの先にあるのは、仕事よりも人生だった
lydesign.jp
・映像制作ディレクターの澄川さんが、趣味と仕事、家庭を両立させながらキャリアを広げた経緯について語るインタビュー。 ・カメラを趣味として始めたことが、実写映像ディレクションをメインとする現在の仕事につながった。 ・デザイナーやディレクター、そしてキャリア形成に関心のある読者におすすめの記事。
【Figma Make・Cursorの使い方が分かる！】デザインシステムに沿ったワイヤーフレームの作成〜デザイン〜実装をAIで自動生成！
blog.nijibox.jp
・FigmaのAI機能「Figma Make」とAI搭載コードエディタ「Cursor」を連携させ、デザインシステムに沿ったワイヤーフレーム作成からデザイン、実装までをAIで自動生成するプロセスを紹介。 ・AIが生成したデザインをたたき台として、人間が編集・調整を行うことで、効率的かつデザインシステムに準拠した開発フローを実現する方法を解説。 ・AIのWeb制作への具体的な活用方法を知りたいデザイナーや、効率的な開発プロセスを模索しているエンジニア向けの記事。
株式会社ニジボックス arisa.oi
株式会社FLUX主催デザイナーイベントに登壇しました！
now.legalontech.jp
LegalOn Technologiesの採用担当者が、株式会社FLUX主催のデザイナーイベントに参加した様子を報告しています。イベントには同社のプロダクトデザイナーも参加し、その様子が写真と共に紹介されています。 * デザイナーイベントの参加報告 * LegalOn Technologiesのプロダクトデザイナーが参加 * イベントの様子を共有
「CVR」を改善する方法とは？効率的な手順や役立つツールをまとめて紹介
blog.nijibox.jp
「CVR（コンバージョン率）」の重要性と具体的な改善方法を解説する記事。 Webサイトの成果を測る指標であるCVRの計算方法、改善の重要性、そしてLPO、EFO、CTAの見直し、ターゲットの再設定、サイト構造の改善といった5つの具体的な施策を紹介。 さらに、改善手順や役立つツールまで網羅的に解説。 - Webサイトの成果を最大化したいマーケターやWeb担当者 - CVRの改善に課題を感じている方 - データに基づいた効率的な改善策を知りたい方
株式会社ニジボックス 楊妃
DeNA DESIGNの「育てる」新卒採用。サービスデザインを実践的に学べるプログラムの設計について
cocoda.design
DeNAデザイン組織が、2025年度から新卒採用に直結しない「サービスデザイン実践」をテーマとした育成機会を学生向けに提供開始。 多様なバックグラウンドを持つ新卒デザイナーを育成してきた実績を基盤に、サービスデザイン能力の向上を目指す。 この記事は、この新しい育成施策の背景、目的、プログラム内容について解説するもので、デザイナー、プロダクトマネージャー、採用担当者などが対象となる。