diff --git a/docs/automation-graph.html b/docs/automation-graph.html
index 5c121ded..e2074de4 100644
--- a/docs/automation-graph.html
+++ b/docs/automation-graph.html
@@ -252,6 +252,8 @@ const NODES = [
   { id: 'sec_guidance',   label: 'Security\nGuidance',   group: 'plugins', size: 20, ring: 2, ...pos(2, 345)  },
   // C9 project-management-tooling (17.05.2026) — плагин раздела «Управление проектами»
   { id: 'product_mgmt',   label: 'product-\nmanagement', group: 'plugins', size: 20, ring: 2, ...pos(2, 355)  },
+  // A4 design-tooling (17.05.2026) — раздел «Дизайн (UI/UX, графика, бренд)» (плагины)
+  { id: 'design_plugin',  label: 'Design\nplugin',       group: 'plugins', size: 20, ring: 2, ...pos(2, 155)  },
 
   // ── СКИЛЫ SUPERPOWERS (14) — N sector (0–90) ────
   { id: 'sk_brainstorm',  label: 'brainstorming',        group: 'skills_sp', size: 18, ring: 3, ...pos(3, 5)   },
@@ -308,8 +310,11 @@ const NODES = [
   { id: 'ag_skreview',    label: 'plugin-dev:\nskill-reviewer',  group: 'agents', size: 16, ring: 4, ...pos(4, 275) },
   { id: 'ag_rls',         label: 'rls-reviewer',           group: 'agents', size: 22, ring: 4, ...pos(4, 315) },
 
-  // ── MCP-СЕРВЕРЫ (7) — E (UI) + W (data) ───────
+  // ── MCP-СЕРВЕРЫ (9) — E (UI) + W (data) ───────
   { id: 'mcp_21st',       label: 'MCP: 21st.dev Magic',   group: 'mcp', size: 20, ring: 5, ...pos(5, 130) },
+  // A4 design-tooling (17.05.2026) — MCP-серверы раздела «Дизайн (UI/UX, графика, бренд)»
+  { id: 'mcp_figma',      label: 'MCP: Figma\n(DEFERRED)', group: 'mcp', size: 18, ring: 5, ...pos(5, 140) },
+  { id: 'mcp_icons',      label: 'MCP: Universal\nIcons', group: 'mcp', size: 18, ring: 5, ...pos(5, 120) },
   { id: 'mcp_pw',         label: 'MCP: playwright',       group: 'mcp', size: 22, ring: 5, ...pos(5, 110) },
   { id: 'mcp_gh',         label: 'MCP: github',           group: 'mcp', size: 22, ring: 5, ...pos(5, 75)  },
   { id: 'mcp_boost',      label: 'MCP: laravel-boost',    group: 'mcp', size: 24, ring: 5, ...pos(5, 290) },
@@ -513,6 +518,11 @@ const EDGES = [
   E('tooling', 'mermaid_skill', '§4.12: реестр\n(вендоренный скил)'),
   E('psr_v1',  'deptrac',       'R10.1 блок 1 note:\narchitecture-tooling'),
 
+  // ── A4 DESIGN-TOOLING 17.05.2026 — связи новых узлов ──
+  E('psr_v1',    'design_plugin', 'R10.1 блок 1:\ndesign-tooling'),
+  E('psr_v1',    'mcp_icons',     'R10.1 блок 1:\ndesign-tooling'),
+  E('psr_v1',    'mcp_figma',     'R10.1 блок 1:\ndesign-tooling (DEFERRED)'),
+
   // ── D3 AUDIT-SECURITY 17.05.2026 — связи новых узлов ──
   E('psr_v1',          'tob_skills',         'R10.1 блок 1:\naudit-security'),
   E('psr_v1',          'sec_guidance',       'R10.1 блок 1:\naudit-security'),
@@ -735,6 +745,32 @@ const NODE_DETAILS = {
     [{ name: 'docs/architecture/', cond: 'mermaidjs-форматтер → c4-component-layers.md' }]
   ),
 
+  // ── A4 DESIGN-TOOLING (17.05.2026) ──────────────
+  mcp_figma: nd(
+    'MCP Figma (#44) — DEFERRED, precondition: Figma-аккаунт. Extract-only (ADR-006): извлечение токенов/variables из источника дизайна. FD #30 остаётся единственным UI-решателем.',
+    'При наличии Figma-аккаунта и нужде извлечь дизайн-токены/variables напрямую из Figma-файла.',
+    'DEFERRED — не установлен, требует Figma-аккаунт (Б-1). Не UI-решатель → вне R6.0/R6.1/R14. Extract-only, не генерирует UI-решения. PSR_v1 R10.1 блок 1.',
+    [{ name: 'PSR_v1', cond: 'R10.1 блок 1: design-tooling (DEFERRED)' }],
+    [],
+    [{ name: 'Frontend Design', cond: 'FD остаётся единственным UI-решателем; Figma MCP — только источник токенов' }]
+  ),
+  mcp_icons: nd(
+    'MCP Universal Icons (#45) — поиск/вставка SVG-иконок, 10 коллекций включая Lucide. Tools search_icons/get_icon. SVG framework-neutral (R6.0).',
+    'При поиске иконки из коллекции Lucide или других (Heroicons, Tabler, Phosphor и др.) — получить SVG-исходник для вставки в Vue-компонент.',
+    'SVG framework-neutral — результат нужно обернуть в Vue-компонент вручную. R6.0 фильтр не блокирует (SVG — не React/Tailwind). Lucide — branded иконочный стек проекта (CLAUDE.md §2). PSR_v1 R10.1 блок 1.',
+    [{ name: 'PSR_v1', cond: 'R10.1 блок 1: design-tooling' }],
+    [],
+    [{ name: 'Frontend Design', cond: 'FD использует результат поиска как материал при UI-задачах' }]
+  ),
+  design_plugin: nd(
+    'Плагин Design (#46, Anthropic Verified) — дизайн-критика, a11y-аудит дизайн-уровня, UX-копирайт, research synthesis. Pre-code (ADR-006); Pa11y остаётся техническим a11y SoT.',
+    'При дизайн-критике макета или компонента, при UX-анализе flow, при написании UX-копирайта, при synthesis пользовательских исследований.',
+    'Pre-code инструмент (ADR-006) — не генерирует финальный код, даёт дизайн-рекомендации. Pa11y остаётся техническим a11y SoT (§5 п.3). Не UI-решатель в смысле PSR_v1 R14 → вне R14 pipeline. PSR_v1 R10.1 блок 1.',
+    [{ name: 'PSR_v1', cond: 'R10.1 блок 1: design-tooling' }],
+    [],
+    [{ name: 'Frontend Design', cond: 'Design plugin — pre-code критика; FD — post-spec UI-решатель; разные фазы' }]
+  ),
+
   // ── C9 PROJECT-MANAGEMENT-TOOLING (17.05.2026) ──
   ccpm: nd(
     'Vendored-скил CCPM: PRD→эпик→GitHub-issue→код с трассируемостью. Раздел C9 опирается также на reuse — GitHub MCP (issues/Projects v2) + Superpowers writing-plans + q-item-add.',
@@ -1876,6 +1912,11 @@ const NODE_META = {
   // ── C9 PROJECT-MANAGEMENT-TOOLING 17.05.2026 ──
   ccpm:               { since: '17.05.2026', changed: '—', uses: null, usesSrc: 'скил' },
   product_mgmt:       { since: '17.05.2026', changed: '—', uses: null, usesSrc: 'плагин' },
+
+  // ── A4 DESIGN-TOOLING 17.05.2026 ──
+  mcp_figma:    { since: '17.05.2026', changed: '—', uses: null, usesSrc: '—' },
+  mcp_icons:    { since: '17.05.2026', changed: '—', uses: null, usesSrc: 'MCP' },
+  design_plugin:{ since: '17.05.2026', changed: '—', uses: null, usesSrc: 'плагин' },
 };
 
 // Явные парные дубли (Фича 3) — попадают в кнопку «⧉ Дубли».
@@ -1958,7 +1999,7 @@ const SECTIONS = [
   { id: 'E7',  bucket: 'E', label: 'Исследования' },
   { id: 'E8',  bucket: 'E', label: 'Самообучение Claude' },
 ];
-// Узел -> раздел. Покрывает все 113 узлов карты.
+// Узел -> раздел. Покрывает все 116 узлов карты.
 const NODE_SECTION = {
   // правила (4)
   pravila: 'E1', claude_md: 'E1', psr_v1: 'E1', tooling: 'E1',
@@ -2006,6 +2047,8 @@ const NODE_SECTION = {
   tob_skills: 'D3', sec_guidance: 'D3', sk_security_review: 'D3', sk_audit_portal: 'D3',
   // C9 project-management-tooling 17.05.2026 — раздел «Управление проектами» наполнен
   ccpm: 'C9', product_mgmt: 'C9',
+  // A4 design-tooling 17.05.2026 — раздел «Дизайн (UI/UX, графика, бренд)» расширен (3→6 узлов)
+  mcp_figma: 'A4', mcp_icons: 'A4', design_plugin: 'A4',
 };
 // Производные индексы для рендера панели и Паспорта.
 const SECTION_BY_ID = new Map(SECTIONS.map(s => [s.id, s]));