デザインシステム - デザペディア

MCPを象徴するフラットデザインとデータの繋がりを示すグラフィック

デザイナーの作業が劇的に変わる。MCP（Model Context Protocol）を活用した10の実践アイデア

デザインナレッジUIデザインSlackAIFigmaMCPNotionデザインシステム

Figma Dev Modeとデザイン・開発の連携イメージ

Figma Dev Mode徹底解剖：できること・できないことと開発連携の全貌

デザインナレッジFigma開発連携デザインシステムUIデザイン

【Web UIのタイポグラフィ設計】視認性とジャンプ率を最適化する文字のルール

Web UIのクオリティを決定づけるタイポグラフィ：視認性とジャンプ率の設計ルール

理論・ガイドラインデザインシステムUIデザインタイポグラフィ

状態（States）の考慮漏れを防ぎ、デザイナーとエンジニアが円滑に協働するイメージ

エンジニア連携の手戻りをゼロにする。「状態（States）」考慮漏れを防ぐUI Stackと包括チェックリスト

デザインナレッジFigmaエンジニア開発連携デザインシステム

Figma Variablesのシンプルな導入設計をイメージしたアイキャッチ画像

もう怖くない！Figma Variables（変数）のハードルを下げて破綻させないための設計ガイド

ツール・実務環境FigmaMCPデザインシステムUIデザイン

ミッドナイトブルーの背景にネオンカラーのガイドラインとUIコンポーネントが整然と並んだアイキャッチ画像

デザインハーネスとは？無数の選択に疲れた日々を軽くする「適度な制約」の知見

デザイントレンドUXデザインデザインシステムUIデザイン

【UIデザイン基礎】デザインにセンスは不要！ノンデザイナーを救う「デザインシステム」と法則

理論・ガイドラインデザインシステムUIデザイン

Material Design 3入門記事用のアイキャッチ。クリーンな3Dレンダリングで、左側の暖色系で有機的な波打つグラデーション（感覚）が、中央の正確なグリッドを通過し、右側の整然と構造化された、モダンで寒色系のUIコンポーネントのセット（ロジック）に変化する様子を描いている。感覚からロジックへの転換を表現。

Material Design 3入門：UIデザインの「感覚」を「ロジック」に変える

理論・ガイドラインマテリアルデザインデザインシステムUIデザインGoogle

和柄をUIデザインに活かす｜白銀比と伝統色でつくる「静寂」のロジック

和柄をUIデザインに活かす｜白銀比と伝統色でつくる「静寂」のロジック

理論・ガイドラインデザインシステムUIデザインインスピレーション