← Guides pratiques Apercu: Migrer de Claude Design vers Open Design — la configuration sans limites
Guides pratiques

Migrer de Claude Design vers Open Design — la configuration sans limites

Un guide de migration pour laisser derrière soi les limites hebdomadaires de Claude Design : installez Open Design, importez votre ZIP Claude Design, construisez avec n'importe quel modèle, changez de modèle en cours de projet, ajoutez des images générées par IA et déployez. Comprend la franche question du « quand basculer ». D'après la démonstration pratique de Jack Roberts.

Jack Roberts 1 mai 2026 15:53 YouTube ↗

Ce guide est un plan de migration pour quiconque se heurte aux limites hebdomadaires brutales de Claude Design : installez Open Design, transférez votre travail existant, construisez avec le modèle de votre choix, changez de modèle en cours de projet, ajoutez des images générées par IA et déployez — le tout en local. Il suit la migration de bout en bout que Jack Roberts réalise dans sa démonstration pratique, réécrite et mise à jour avec la version actuelle. Regardez la vidéo ci-dessus pour la démonstration en direct, ou poursuivez votre lecture pour la version écrite.

L'espace de travail Open Design — ce que vous découvrez après l'installation. L'espace de travail Open Design — prototypes, présentations, images et vidéos réunis dans un même canevas serein et familier.

Pourquoi migrer ?

L'argument de Jack est sans détour : Claude Design est vraiment bon, mais les limites vous arrêtent net. Vous êtes verrouillé sur un seul modèle (Opus 4.7), plafonné à environ deux designs sérieux par semaine, et vous payez de 20 à 200 $/mois en plus de ce que vous dépensez déjà pour le développement. Dès que vous voulez un modèle moins cher, un modèle différent ou concevoir à grande échelle, vous êtes freiné.

Open Design fait tomber ces murs :

  • N'importe quel modèle — et vous pouvez en changer en cours de projet.
  • Aucune limite hebdomadaire — la génération s'appuie sur l'agent et les fournisseurs que vous utilisez déjà.
  • Apache-2.0 — sûr sur le plan commercial pour le travail client, contrairement aux dépôts clones aux licences restrictives.
  • Tout en local d'abord — rien n'est téléversé ; vos projets restent sur votre machine.

Ce point de licence compte plus qu'il n'y paraît : Jack insiste sur le fait que plusieurs « clones de Claude Design » ne peuvent en réalité pas être utilisés dans des projets clients. Apache-2.0 signifie que vous pouvez livrer du travail rémunéré construit avec, sans redevances ni autorisation.

Étape 1 — Installer Open Design

Trois portes d'entrée :

VoieIdéale pourPrérequis
Application de bureauLa plupart des gens — zéro configurationAucun. Téléchargez et ouvrez, c'est tout.
Exécuter depuis les sourcesLes développeurs qui veulent lire ou modifier le codeNode ~24, pnpm 10.33.x
Installer dans votre agentCeux qui vivent dans le terminalUn CLI d'agent de développement existant

La voie la plus simple est l'application de bureau depuis open-design.ai/download — elle détecte automatiquement les CLI d'agents installés. Dans la vidéo, Jack emprunte la voie développeur en confiant le dépôt à son agent et en le laissant le cloner et l'exécuter :

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Cela ouvre sa propre application web locale — votre propre espace de travail à la Claude Design, hébergé localement — à l'URL dynamique qu'il affiche (ne codez pas le port en dur).

Étape 2 — Transférer votre travail Claude Design

L'étape de migration que tout le monde attend : importer votre projet Claude Design. Si vous avez construit un design system ou un projet dans Claude Design, vous pouvez le reprendre tel quel — ouvrez-le là-bas, téléchargez le projet sous forme de ZIP, puis importez ce ZIP dans Open Design. Vos tokens et composants vous accompagnent, vous ne repartez donc pas de zéro.

La bibliothèque de design systems intégrée — de vrais points de départ de marques. La bibliothèque de design systems : chaque entrée décompose une vraie marque en palette, typographie, composants et atmosphère visuelle réutilisables.

Vous héritez aussi d'une riche bibliothèque de design systems intégrée — Airbnb, Apple, Nike, PlayStation et bien d'autres — si bien que, même sans rien importer, vous pouvez choisir une marque et l'agent en hérite la voix, la typographie, la palette et le langage de mise en page.

Étape 3 — Construire avec le modèle de votre choix

Au premier lancement, Open Design affiche les agents déjà installés sur votre machine. Jack choisit Claude Code, nomme un projet (« analytics »), opte pour une haute fidélité et rédige un brief pour un tableau de bord façon Stripe. Open Design pose ses questions de clarification — surface, public principal, ton, périmètre, couleur d'accentuation — puis déroule une liste de tâches et produit un tableau de bord interactif d'un seul coup. Un second tour de retours le rend prêt pour la production.

La bibliothèque de modèles — points de départ pour prototypes, présentations, images et vidéos. La bibliothèque de modèles : des points de départ pour prototypes, présentations, images et vidéos que vous pouvez filtrer par type et dupliquer pour commencer.

Étape 4 — Changer de modèle en cours de projet

C'est le geste préféré de Jack, et celui que Claude Design ne sait pas faire. En cours de projet, ouvrez le sélecteur de modèle (en bas à gauche), passez de Claude Code à Codex (ou ChatGPT, Gemini, tout ce que vous avez connecté), et enregistrez. Désormais votre prochain message — « lisse le flux d'événements en direct, il a l'air saccadé » — est traité par le nouveau modèle, dans le même projet, avec le même contexte.

Son conseil de pro : utilisez Opus pour établir le design initial, puis basculez sur des modèles moins chers pour itérer et passer à l'échelle. Il est bien plus facile pour un modèle de produire davantage de la même chose que de concevoir une esthétique à partir de zéro ; laissez donc le modèle le plus puissant poser l'architecture et confiez le volume aux modèles moins coûteux.

Étape 5 — Ajouter des images générées par IA et déployer

Ajoutez une clé de fournisseur de médias (par exemple OpenAI pour GPT Image) dans les paramètres, et vous pourrez demander des images générées en ligne — « ajoute une image façon Ghibli d'une tirelire d'investissement dans l'un des encadrés » — et elle s'insère directement dans le design, dégradés compris. Cette génération intégrée est quelque chose qu'un simple clone de design ne vous offre pas.

Une fois terminé, Partager vous donne le menu d'export complet : HTML autonome, PowerPoint, PDF, ZIP, enregistrer comme modèle — ou déployer directement sur Vercel avec votre token. Téléchargez sous forme de ZIP et vous pourrez aussi le rouvrir dans Codex, Claude ou l'éditeur de votre choix.

Quand basculer (et quand ne pas le faire)

Jack est honnête sur la question de l'adéquation. Passez à Open Design si vous êtes une agence ou un freelance ayant besoin d'une production sûre sur le plan commercial, un utilisateur multi-modèles qui paie déjà Claude Code / Codex / Cursor, ou si vous épuisez la limite hebdomadaire de Claude Design et voulez simplement plus de designs. Restez sur Claude Design pour l'instant si vous débutez dans tout cela et que ses limites vous conviennent.

Une réserve : Open Design est un projet jeune et en évolution rapide, attendez-vous donc à quelques aspérités de temps en temps et faites-lui un peu crédit — il s'améliore vite.

Astuces

  • Importez d'abord votre ZIP Claude Design — ne reconstruisez pas un système que vous possédez déjà.
  • Posez l'esthétique avec Opus, puis basculez sur des modèles moins chers pour itérer et passer à l'échelle.
  • Ajoutez une clé de médias pour obtenir des images IA en ligne — une vraie amélioration par rapport à un outil de design statique.
  • Utilisez un CLI local pour que la génération s'appuie sur un abonnement que vous payez déjà, et non sur des frais à l'appel.
  • Exportez tôt (HTML/ZIP/Vercel) pour valider avant de transmettre votre travail.

FAQ

Mes projets Claude Design seront-ils transférés ? Oui. Téléchargez votre projet sous forme de ZIP depuis Claude Design et importez ce ZIP dans Open Design — les tokens et composants sont conservés.

Puis-je vraiment utiliser n'importe quel modèle ? Oui — choisissez parmi les agents installés sur votre machine (Claude Code, Codex, Gemini, Cursor, OpenCode, et plus), passez de l'un à l'autre en cours de projet, ou apportez votre propre clé API.

Est-ce sûr pour le travail client ? Oui. Open Design est sous Apache-2.0, vous pouvez donc l'utiliser commercialement sans redevances ni autorisation — contrairement à certains clones aux licences restrictives.

Est-ce gratuit ? L'application est open source sous Apache-2.0 et gratuite à exécuter en local. Vous ne payez que l'usage du modèle et des médias de l'agent et des fournisseurs que vous connectez — c'est précisément ainsi que vous échappez au plafond mensuel fixe.


Ce guide écrit s'appuie sur la démonstration pratique de Jack Roberts. Regardez la vidéo complète ci-dessus, et abonnez-vous à Jack Roberts pour d'autres décryptages concrets de constructions avec l'IA.