OC

Transfo IA

Vérification de l'accès…

🧪 Anthropic Labs · research preview 🗓️ À jour juin 2026 🏢 One Clinic

Claude Design — le guide complet

Tout ce que tu peux faire avec Claude Design : créer du visuel et des présentations à la charte, prototyper des pages, déléguer à la Com, et même développer à la charte via Claude Code. Avec les nouveautés, les vidéos et les ressources officielles.

Ce qui vient de changer

Nouveautés — mise à jour juin 2026

NOUVEAU
  • Import design system reconstruit — un ou plusieurs systèmes depuis GitHub, fichiers design ou upload brut ; Claude vérifie et corrige sa sortie contre le système.
  • Claude Code/design-sync + handoff : Claude Code reprend le travail existant (plus une simple capture).
  • Édition canvas (WYSIWYG) — glisser / redimensionner / aligner les éléments directement + des centaines de correctifs.
  • Limites d'usage partagées — Claude Design partage désormais le quota avec le reste de Claude → plus de marge pour travailler.
  • Export & handoff élargisPDF + PowerPoint, et envoi vers Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel, Wix.
  • Nouvelle place — barre latérale de l'app desktop, + claude.ai/design.
  • Team / Enterprise — un rôle admin peut approuver un système standard et verrouiller les éditions (conformité marque).
  • Adoption — plus d'1 million d'utilisateurs la 1ʳᵉ semaine.
Possibilités

Ce que tu peux faire

Claude Design construit avec ton vrai design system et vérifie sa propre sortie → cohérence de marque automatique.

🖼️

Visuels & docs

Posts, stories, flyers, newsletters, one-pagers, affiches — à la charte.

📊

Présentations

Slide decks et pitch decks, export PPTX. Modèle réutilisable avec placeholders.

💻

Produit & web

Pages web, UI d'app, dashboards, formulaires, outils internes, prototypes interactifs.

🔌

À partir de…

Upload (PDF/PPT/images/logos), GitHub / codebase, Figma.

🎛️

Édition canvas

Contrôle fin : glisser, redimensionner, aligner chaque élément (WYSIWYG).

🔁

Itération par chat

« plus aéré », « version carrée Insta », « décline en 3 couleurs ».

Le cœur

Le Design System

Le système de marque que Claude applique automatiquement à tout ce que l'équipe crée.

Créer

À partir d'assets (charte, logos, exemples) ou d'un codebase → Claude génère palette, typo, composants, layouts sous forme de cartes.

Publier & défaut

Cases Published + Default → les nouveaux projets de l'org l'utilisent sans rien paramétrer.

Éditer

Bouton Remix (chat) : décrire en français ce qu'on change/ajoute, ou joindre un asset. Améliorable à tout moment.

Multi-marques

Plusieurs design systems par org — ex. One Clinic + Pointgyn.

Best practice Anthropic : « inclure de vrais exemples, pas seulement des specs » → charte + vrais visuels + un doc brandé (notre livret) = meilleure extraction.
Gagner du temps

Templates réutilisables

Le levier le plus rentable : créer un modèle une fois avec des placeholders, puis le réutiliser en donnant juste tes données.

① Créer le modèle

On demande un modèle avec des emplacements à remplir :

Crée un modèle de [présentation / post / flyer / newsletter] à la charte One Clinic, avec des placeholders [Titre], [texte], [photo], [chiffre].

② Réutiliser avec des données

On repart du modèle et on injecte le contenu :

À partir de ce modèle, fais-moi un [staff / post / flyer] sur « [sujet] » avec ces données : […].

Bibliothèque One Clinic à constituer

📊 Présentation (PPT)🟦 Post carré📄 Flyer📰 Newsletter📱 Story📑 One-pager

Partager le modèle à l'équipe (natif)

📎

Duplicate as Template

Menu Share → Duplicate as Template : transforme n'importe quel projet en modèle.

🗂️

From Template

L'équipe démarre un nouveau design « From Template » à partir de tes modèles.

🔗

Partage org

Privé · lien lecture (toute l'org) · édition collaborative (chat de groupe avec Claude).

💡 Garde tes modèles validés dans une « bibliothèque » : tu dupliques le bon modèle à chaque besoin → cohérence garantie + zéro page blanche.
⚖️ Bonne pratique (mesurée) : pas de grosse bibliothèque d'emblée. Le design system garde déjà la charte sur tout — un template ne sert qu'à gagner du temps sur un format répétitif. Démarre avec 2 modèles à haute fréquence (présentation + post), ajoute-en seulement si un besoin réel revient, et élague les modèles non utilisés (un template non maintenu = charte périmée).
Le volet dev

Claude Design ↔ Claude Code

Oui, on peut développer de vraies pages / apps à la charte. C'est le pont design → code.

🎨 Claude Design
concevoir à la charte
→ handoff → 💻 Claude Code
construire pages / app
→ git → 🐙 GitHub → 🚀 Vercel

/design créer/éditer depuis le terminal · /design-sync tirer le design system → code déjà à la charte · handoff = reprend le travail existant.

💡 Pour One Clinic : on peut styliser/reconstruire la vraie app transfo-ia (ou de nouvelles pages internes) directement depuis le design system One Clinic — du code à la charte, pas seulement des visuels.
Gouvernance

Côté Team & droits

👥

Utiliser

Ouvert à tous ceux qui ont accès à Claude Design (réglage org « Capacités »). Le design system s'applique tout seul.

✏️

Éditer

À déléguer à un membre ciblé (ex. Shanone) sans le passer admin. Éditeurs = Ludo + Com.

🔒

Verrou admin (nouveau)

Un rôle admin peut approuver un système standard et verrouiller les éditions → la prod reste conforme à la charte.

📈

Quota

La conso compte dans le quota Claude normal (pas d'enveloppe à part). Gros codebase = plus de conso.

⚠️ Éditer le design system change la charte par défaut de toute l'équipe → coordonner, et tester sur un design séparé avant de toucher le système publié.
🔐 RGPD / santé : zéro donnée patient / PHI dans les designs (assets de marque publics uniquement).
Sortie

Exports & intégrations

Fichiers

PPTXPDFHTML autonomeZIP

Passerelles (liste élargie — update juin 2026)

AdobeBase44CanvaFigmaGammaLovableMiroReplitVercelWixHandoff Claude Code
Apprendre

Vidéos & tutoriels

Officiel = Anthropic / Claude. Non-officiel = créateurs (liens issus de recherche, à survoler).

Documentation

Ressources officielles

Hub & spoke

Cas d'usage — nos projets (hors Creator / widgets Zoho)

Spoke / projetCas d'usage Claude Design
One Clinic — ComPosts, stories, flyers, newsletters à la charte (Shanone / Avine)
One Clinic — DirectionDecks CODIR / staff, one-pagers, rapports via modèle PPT
One Clinic — transfo-iaPages internes / dashboards générés à la charte via Claude Code
One Clinic — Site WebMaquettes / prototypes avant build WordPress / Elementor
One Clinic — IntranetPrototypes d'écrans (onboarding, FAQ) avant SharePoint / Team
One Clinic — BPM & ReportMockups dashboards / rapports, livrables direction
BCSD (hub)Brand kit BCSD + templates de livrables conseil
PromptLab BCSDDesign system + dev UI à la charte via Claude Code
Manag-inVisuels marketing / acquisition + decks commerciaux
Roika / Mixxit / LucidObjectsUn design system par marque + pitch decks / landing prototypes
Dans l'ordre

Feuille de route — One Clinic d'abord