Open Design + Tramya : le design system qui survit entre les sessions.

Open Design est excellent pour transformer un brief en artifact concret : landing, slide deck, prototype mobile, dashboard. Le problème arrive à la deuxième session. Trois semaines plus tard, vous ouvrez Claude Code pour générer une nouvelle page marketing. Open Design refait le travail — mais il ne sait pas que vous aviez déjà tranché le choix de couleur primaire, verrouillé la typo, rejeté le variant carte à ombre portée, arrêté un ratio d'espacement précis.

Résultat : deux artifacts générés à un mois d'écart divergent silencieusement. Les tokens ne matchent pas, les blocks se ressemblent sans être identiques, et le design system dérive à chaque nouvelle génération. Le problème n'est pas Open Design — c'est que le contexte design meurt à la fin de chaque session Claude Code, exactement comme le contexte code que Tramya résout déjà pour vos sessions dev.

Open Design et Tramya s'installent tous les deux comme serveurs MCP dans Claude Code, indépendamment l'un de l'autre. Claude Code les appelle chacun quand c'est pertinent : Open Design pour produire un artifact, Tramya pour lire et écrire le design system associé.

Concrètement, Tramya expose sept outils MCP dédiés au design : get_design_context, search_design_assets, register_design_tokens, register_design_block, save_design_decision, map_design_tokens, audit_design_consistency. Chacun écrit ou lit dans la base SQLite locale de Tramya, avec un scope (projet, famille, global) et une provenance. Les décisions ne vivent plus dans le chat — elles vivent dans un graphe consultable par tout agent au début de la session suivante.

Installer Open Design

Téléchargez le .dmg macOS depuis open-design.ai. Au premier lancement, exécutez od mcp install claude dans le terminal. Open Design ajoute une entrée mcpServers dans ~/.claude/settings.json pointant vers son daemon local.

Installer Tramya

Téléchargez l’application Tramya pour macOS depuis tramya.com. Au premier lancement, ouvrez le tableau de bord sur http://127.0.0.1:4317 et cliquez « Installer dans mes agents ». Tramya ajoute sa propre entrée mcpServers à côté de celle d'Open Design.

Enregistrer tokens et décisions au fil de l'eau

Dans votre CLAUDE.md global, ajoutez : « après un choix de couleur, typographie ou espacement, appeler register_design_tokens. Après un arbitrage de layout ou de variant, appeler save_design_decision. » Claude Code respecte l'instruction et enregistre au fil de la session, avec la provenance de la génération Open Design qui les a produits.

Rappeler le contexte à chaque nouvelle session

Au début d'une nouvelle tâche design, l'agent appelle get_design_context. Tramya retourne tokens actifs, blocks validés, dernières décisions et résultat du dernier audit. Open Design compose alors le nouvel artifact avec ce contexte, au lieu de repartir de zéro.

Session 1 — jour J. Vous demandez à Claude Code de générer une landing « Fonctionnalités » via Open Design. Open Design produit le HTML, Claude enregistre côté Tramya : couleur primaire #d8c54a, typo serif pour les H1, radius 16px sur les cards, décision « pas d'ombre portée sur les blocks contenu ». Ces enregistrements passent par register_design_tokens, register_design_block et save_design_decision.

Session 2 — 3 semaines plus tard. Vous demandez une nouvelle landing « Tarifs ». La première action de Claude est get_design_context — il reçoit les tokens et décisions verrouillés. Open Design compose la nouvelle page en réutilisant la palette, la typo, le radius et l'absence d'ombre. La page « Tarifs » et la page « Fonctionnalités » restent visuellement cohérentes, même sans que vous ayez ré-expliqué le design system.

Contrôle qualité. À la fin de la session, un appel à audit_design_consistency compare l'artifact produit au design system enregistré. Toute dérive (nouveau token silencieusement introduit, radius modifié, variant hors provenance) est remontée et journalisée dans l'historique d'audit — consultable au début de la session suivante.