AI時代のデザインシステム実践 第6回 追補 — 予測が実装になった一週間
連載を書き終えた翌日、Anthropic LabsがClaude Designを発表。AIがデザインシステムを抽出する時代の到来と、それでもDESIGN.mdを書く意味がむしろ増した理由を、連載の外側から綴る追補。
デザイン
カテゴリ別記事一覧（全32件）
AI時代のデザインシステム実践 第5回 運用の現実 — AI時代のデザインシステムを生かし続けるために
DESIGN.mdは書いた後が本番。陳腐化、Instruction Budget（150〜200命令）、トラストレベル、セルフヒーリング。生きた文書として維持するための5つの運用ルールを連載最終回で整理。
AI時代のデザインシステム実践 第4回 世界のデザインシステムはどう再構築されているか
Spotify Encoreの三層分離、Indeedの4,300プロトタイプ、Anthropicの反凡庸マニュアル、Katherine Yehの実践。世界のデザインチームがデザインシステムを再構築し始めている現場レポート。
AI時代のデザインシステム実践 第3回 Linear / Stripe / Notion を"読む" — 一流の DESIGN.md は何が違うか
Linearのweight-510、Stripeのweight-300、Notionの温かいミニマリズム。一流ブランドの書き起こしを精読すると、美意識の選択がビジネス戦略と地続きであることが見えてくる。読む力を鍛える連載第3回。
AI時代のデザインシステム実践 第2回 DESIGN.md という新しいフォーマットの衝撃
Figma・PDF・JSON・Storybookに散っていたデザイン情報を1枚のMarkdownに統合するDESIGN.md。Google StitchとLinux Foundation AAIFが業界標準化を進める新フォーマットの正体と、9つのセクション構成を解説。
AI時代のデザインシステム実践 第1回 なぜ今、デザインシステムが"読める"必要があるのか
AIコーディングエージェント時代、世界中のプロダクトUIが似通い始めた。Anthropicが"distributional convergence"と呼ぶAIの平均化現象に、デザイナーはどう抗うか。DESIGN.md連載第1回。
フェイク時代のコンテンツ信頼性を考える―第6回（最終回）：AI時代に求められる「本質を見極める力」
C2PA連載最終回。技術は判断を代行しない。生成AI時代に経営者・リーダーに求められる「本質を見極める力」とは何か。一次情報に触れる習慣、健全な懐疑主義、信頼性の設計という新しい専門性を考察します。
フェイク時代のコンテンツ信頼性を考える―第5回：crマークの正しい理解 ― 「認証」と「保証」の違い
crマークは「信頼の保証」ではなく「来歴情報への入口」。HTTPSの鍵マークと同じ誤解を繰り返さないために、Web制作者が知るべき正しい表記方法・避けるべき表現・免責事項の書き方を解説します。
フェイク時代のコンテンツ信頼性を考える―第4回：Web制作におけるC2PA実装ガイド
クライアントから「C2PA導入したい」と言われたら。CMS・CDN設定の注意点、署名が消えるパターンと対策、全画像対応vs部分対応の判断基準まで、Web制作現場の実装ノウハウを具体的に解説します。
フェイク時代のコンテンツ信頼性を考える―第3回：C2PAのセキュリティと限界 ― 改ざんは可能なのか？
C2PAの暗号は堅牢でも、回避は驚くほど簡単。署名の除去は30秒、偽署名の作成も無料ツールで可能という検証結果を紹介。Nikon Z6IIIの脆弱性事例など、経営判断に必要なリスク情報を解説します。
フェイク時代のコンテンツ信頼性を考える―第2回：C2PAの最新動向 ― カメラ・プラットフォーム・AIサービスの対応状況
C2PA対応カメラ・プラットフォーム・AIサービスの最新状況を一覧で解説。Pixel 10のスマホ初対応、YouTubeの認証ラベル、ISO標準化の動向まで、2025年時点の実装フェーズを網羅します。
フェイク時代のコンテンツ信頼性を考える―第1回：C2PAとは何か？ ― デジタルコンテンツの「履歴書」を理解する
C2PAとは、Adobe・Google・Microsoftなど主要11社が推進するデジタルコンテンツの来歴証明技術。画像の「履歴書」として機能するC2PAの仕組み・できること・できないことをWeb制作の現場視点で解説します。
【連載】Web制作者のための画像生成AI完全ガイド 2026 ー 第3回：Web制作現場での実践活用ガイド（最終回）
画像生成AIをWeb制作で実践活用するためのガイド。Gemini 3 Proで日本語テキスト入りバナーを作る手順、ブログ・LP・EC・プレゼン別の活用法、著作権・商用利用の注意点を解説。AIと人間のハイブリッド制作ワークフローも紹介。連載最終回。
【連載】Web制作者のための画像生成AI完全ガイド 2026 ー 第2回：主要6ツール徹底比較 ― 機能・料金・特徴
ChatGPT、Gemini、Midjourney、SD、FLUX.2、Adobe Fireflyの6大画像生成AIを徹底比較。機能比較表・料金比較表付きで、日本語テキスト精度、フォトリアリズム、商用利用安全性などを一覧化。用途別の選定フローチャートで「結局どれを使うべき？」に回答。
【連載】Web制作者のための画像生成AI完全ガイド 2026 ｜ 第1回：画像生成AIの勢力図と基礎知識
2026年の画像生成AI市場を徹底解説。ChatGPT、Gemini、Midjourney、Stable Diffusion、FLUX.2、Adobe Fireflyの6大ツールの特徴と、マルチリファレンス・日本語テキスト描画など最新トレンドを紹介。Web制作者が押さえるべき用途別ツール選定の考え方も。
AIエージェント時代のウェブサイト構築・運用 ―「人間だけが見る」時代の終わりに、企業サイトはどう備えるか
AIエージェントがWebサイトを「読む」時代が到来。従来型サイトとの違い、構造化データやCMS選定の技術要件、対応のメリット・デメリットを解説。企業Web担当者が今知るべき変化と、相談前に整理すべきポイントを紹介します。
AIエージェント時代、Webデザイナーの価値は「手を動かす速さ」から「選ぶ眼」へ
AI画像生成やUIキットの自動生成が普及する中、Webデザイナーの価値は「作る速さ」から「選ぶ眼」へシフトしています。審美眼と判断力を軸に、AI時代に求められるデザイナー像と身につけるべきスキルを考察。
2025年以降のウェブデザイン＆UX/UI最新トレンド：企業サイト運用の重要ポイントとリスク回避
2025年以降のウェブデザインとUX/UI最新トレンドを紹介し、企業サイト運用の重要ポイントとリスク回避のノウハウを解説します。
【Figma】特定の色を一括変更するには
Figmaで特定の色を一括変更する方法をステップごとに解説します。さらに、ライブラリーにカラーを追加する方法も紹介します。
Webデザイナー厳選！スマホ特化デザインのおすすめサイト5選
最近目にすることが増えている、スマホに特化したデザインのWebサイト5点を厳選しました。スマホ特化デザインのメリットやデメリットを解説し、実際のサイトでの活用事例をデザイナー目線で紹介します。
Figmaのレイヤー名を連番で整理！効率アップのための手順
この記事では、Figmaのレイヤー名を連番にする手順を解説し、整理された美しいデータ作成のコツをご紹介します。作業効率アップの方法を学んでいきましょう。
Figmaでグラフにアニメーションをつける方法をわかりやすく解説します【円グラフ編】
Figmaで円グラフにアニメーションをつける方法を解説！棒グラフ編に続く後編です。スマートアニメートを活用して、より魅力的なグラフに仕上げましょう。
今更聞けない？箇条書きで読む、ウェブアクセシビリティの基礎
ウェブアクセシビリティとは？デジタル庁のガイドブックに基づき、ウェブアクセシビリティの基本をわかりやすく解説。すべてのユーザーが利用しやすいウェブを実現するためのヒントが満載です。
Figmaでグラフにアニメーションをつける方法をわかりやすく解説します【棒グラフ編】
Figmaでグラフにアニメーションをつける方法を解説します。スマートアニメートを活用することでより魅力的なグラフに仕上がります。今回は棒グラフのアニメーションの紹介になります。
Figmaでテーブルを作る簡単な方法！コンポーネントとオートレイアウトを使ってデータを美しく見せよう
Figmaのコンポーネントとオートレイアウトを駆使して、効果的なテーブル作成法を解説します。特にリサイズ設定に焦点を当て、デザインの自由度をさらに高める方法も紹介します。
Figmaで円グラフを作る方法をわかりやすく解説します
Figmaで円グラフを作る方法を解説します。楕円ツールを活用することで、簡単に作成することが可能です。
【Adobe XD】特定の色を一括変更するには
Adobe XDで、デザインプロジェクト内の特定の色を一括変更する方法を解説します。デザインの柔軟性を高め、作業効率向上が期待できます。
【Adobe XD】グラデーションのドロップシャドウをかけるには
Adobe XDで、グラデーションのドロップシャドウをかける方法を解説します。通常のドロップシャドウに比べて、近未来的な印象を与えることもできる表現方法です。
【Adobe XD】テキストをアウトライン化せずにグラデーションをかけるには
Adobe XDの「合体」の機能を使って文字にグラデーションをかける方法を解説します。アウトラインやシェイプに頼らず、通常テキストのようにいつでも編集ができるので、作業効率向上が期待できます。
『てらこやサプリ』開発秘話 【デザイン編 】
こんにちは。 採用広報の辻です。 前回は自社開発アプリ『てらこやサプリ』開発秘話と題して【企画編】をお送りしましたが、今回は【デザイン編】をお送りします。 てらこやサプリのデザインを担当したデザイナーA.Eに話を聞きました！ まだ【企画編】をお読みでない方はぜひこちらもご覧ください。 『てらこやサプリ』開
アンタイプ、アプリをリリースしました！
この度、弊社のアプリ『てらこやサプリ』がリリースされました！ 今回のブログでは、このアプリについてご紹介します。 『てらこやサプリ』で何ができるの？ 『てらこやサプリ』は、サプリメントで足りない栄養素を気軽に補うように、知識を気軽に補い、スキマ時間で教養を身につけることができるアプリです。 大人として
Webデザイン制作会社のデザイナーがよく見るギャラリーサイト
こんにちは。採用広報の辻です。 今回は弊社のWebデザイナーによく見るギャラリーサイトを聞きました！ 日々さまざまなデザインを生み出しているデザイナーたちは、どのようにデザインをインプットしているのでしょうか？ それではご紹介していきます。 1．GUU https://1guu.jp/ 「千載一遇、その出
サイトのAI互換性を、
データで把握する。
GPT-4o・Claude・Geminiなど主要AIエージェントから見た
御社サイトの可読性を、W3C・Schema.org準拠の39項目で自動測定。