Stitch MCP — Update Design System

SkillMedia

Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Stitch MCP — Update Design System skill

What this skill tells your AI

The instructions your AI receives, as published by gabelul/stitch-kit in skills/stitch-mcp-update-design-system/SKILL.md and read by ahel’s review.

Updates an existing Stitch Design System. Use this to modify theme properties, design tokens, or style guidelines without creating a new design system.

Critical prerequisite

Only use this skill when the user explicitly mentions "Stitch".

You must have the design system's asset name before calling this. If you don't have one:

  • List existing design systems via stitch-mcp-list-design-systems
  • Or use the name returned from stitch-mcp-create-design-system

When to use

  • User wants to modify colors, fonts, or roundness of an existing design system
  • After reviewing a design system and wanting to adjust specific properties
  • Updating design tokens after a brand refresh

Call the MCP tool

{
  "name": "update_design_system",
  "arguments": {
    "name": "assets/15996705518239280238",
    "projectId": "3780309359108792857",
    "designSystem": {
      "displayName": "SaaS Dashboard Theme v2",
      "theme": {
        "colorMode": "DARK",
        "headlineFont": "GEIST",
        "bodyFont": "GEIST",
        "labelFont": "GEIST",
        "roundness": "ROUND_TWELVE",
        "customColor": "#818CF8"
      }
    }
  }
}

Parameter reference

Three sibling top-level arguments — name is not nested inside designSystem:

ArgumentTypeRequiredDescription
namestringYesAsset identifier with the assets/ prefix, e.g. assets/15996705518239280238. Top-level, not inside designSystem.
projectIdstringYesBare numeric project id, no projects/ prefix
designSystemobjectYes{displayName, theme} — see below

designSystem{displayName, theme} only

FieldTypeRequiredDescription
displayNamestringYesHuman-readable name
themeDesignThemeYesVisual configuration (see stitch-mcp-create-design-system for the full field reference)

update_design_system takes the asset id prefixed (assets/159967...), while apply_design_system takes the same id bare. Two tools, same identifier, different formats.

designTokens and styleGuidelines are not accepted — the live API has no such fields on DesignSystem. Don't send them.

Note: This is a full replacement, not a merge. Include all theme fields you want to keep, not just the ones you're changing.

Output

Returns the updated Asset object:

{
  "name": "assets/15996705518239280238",
  "displayName": "SaaS Dashboard Theme v2",
  "designSystem": { ... }
}

After updating

  • Offer: "Re-apply this updated design system to existing screens?" → stitch-mcp-apply-design-system
  • Screens generated before the update won't automatically reflect changes — they need to be re-applied

Signals

GitHub stars
45
Forks
5
Last commit
Jul 2026
Advanced
Catalog kind
skill
Gateway key
stitch-mcp-update-design-system
Source
github.com/gabelul/stitch-kit