Prompt Studio · DA Cegid
Design System · Claude design

Installe la DA Cegid une fois pour toutes.

Configure le design system Cegid dans Claude design, et chaque document que tu crées suit la charte automatiquement, sans rien rejoindre à chaque fois. Cette page te guide champ par champ.

Le design system

Une seule fois. Tu le configures dans Claude design avec le kit Cegid. Ensuite, chaque design que tu crées part déjà dans la charte. C'est ce que fait cette page.

Le Studio (l'autre outil)

À chaque document. Le Studio te fabrique le prompt précis d'un document donné. Les deux se complètent : le design system tient la marque, le prompt tient la demande.

Où le trouver
Le chemin dans Claude design, en 4 clics.
Avant de remplir les champs, voici où se cache l'écran. Suis ces quatre étapes.
1
Ouvre l'onglet « Design systems »
Projects Design systems Templates
Plus bas sur l'accueil, clique l'onglet Design systems (à droite de « Projects »).
2
Clique « Create design system »
ProjectsDesign systems
Create design system
À droite des onglets, clique le bouton Create design system.
3
Choisis « Create here »
Create here Create using Claude Code
Dans la fenêtre « Add a design system », prends Create here (Figma, GitHub ou upload), pas Claude Code.
4
L'écran des champs
Tu arrives sur « Provide examples… ». Remplis-le avec les 4 étapes ci-dessous.
Le tutoriel
Quatre champs à remplir, dans l'ordre.
Dans Claude design, choisis « créer un design system ». Tu tombes sur un écran « Provide examples of your design system and products ». Voici quoi mettre dans chaque champ (les autres, tu les laisses vides).
Astuce : tu remplis ces champs une fois. Ensuite tu partages simplement cette page à tes collègues, ils recopient les mêmes valeurs. Rien à installer.
1
Company name and blurb

Le nom et la description du système

Le champ tout en haut de l'écran. Colle ce texte : il dit à Claude qui est Cegid et pose déjà les couleurs et typos clés.


          
2
Link code from GitHub

Le lien du dépôt Cegid Design System

Colle cette URL dans le champ, puis clique Add. Claude y lit la charte, les tokens, les 4 templates et les pictogrammes.

À faire une fois : remplace l'URL par celle de ton dépôt dans design-system.html (constante REPO_URL en haut du script).
3
Add fonts, logos and assets

Les logos et pictogrammes

Ce champ n'accepte que des fichiers, pas des dossiers. Le pack est donc à plat : télécharge-le, décompresse-le, ouvre le dossier, fais Ctrl+A pour tout sélectionner, et glisse tout d'un coup dans le champ.

Télécharger le pack (.zip) 35 fichiers à plat : 3 logos, 1 favicon, 31 pictogrammes

Polices : STIX Two Text et Inter sont des Google Fonts gratuites, à récupérer sur fonts.google.com si tu veux les ajouter. Étape optionnelle : le design system les nomme déjà.

4
Any other notes?

Les règles que le code ne montre pas

Colle ce texte dans le grand champ de notes. Il porte les deux règles absolues, la palette, la typo et le principe de narration : ce qu'une lecture visuelle seule raterait.


          
·
Upload a .fig file

Rien à faire

Ce champ attend un fichier Figma. La charte Cegid n'en a pas : laisse-le vide.

Avant de valider : vérifie le bleu

Une fois le design system créé, demande-lui une slide test et contrôle la couleur dominante. Le SVG du logo est en #0045FB, mais le vrai bleu de marque est #2962FF. Si Claude a pipeté la mauvaise teinte depuis le logo, corrige-le : « le bleu de marque est #2962FF, pas #0045FB ». Vérifie aussi que le logo est bien en bas à gauche.

Copié !