← Retour au carnet

Open Design 0.12.0 : votre marque est un système de design

Tag open-design-v0.12.0 — 103 PR de 30 contributeurs en six jours. Nom de code « système de design adossé à la marque ». Pointez Open Design vers un site en ligne, déposez-y un fichier Figma, ou capturez une page dans votre navigateur, et il extrait la vraie marque — couleurs, typographie, voix — en un système de design réutilisable à partir duquel vous pourrez construire sur chaque projet suivant.

Open Design 0.12.0 : votre marque est un système de design

Tag open-design-v0.12.0, publié le 26 juin 2026. 103 PR de 30 contributeurs en six jours. Nom de code « système de design adossé à la marque ». Ces deux derniers mois, Open Design partait d'une page blanche et concevait pour vous. Cette version inverse la donne : la marque que vous possédez déjà devient un système de design réutilisable.

Si vous voulez la version longue, les notes de version sur GitHub la contiennent. Cet article est la version courte : ce qui a changé sous le capot, ce que vous pouvez en faire dès aujourd'hui, et par où commencer.

Votre marque est un système de design

C'est la vedette de la 0.12.0. Jusqu'ici, la seule façon d'obtenir un système de design fidèle à la marque était de rédiger à la main un DESIGN.md — un mur pour quiconque n'était pas déjà rompu à la spécification. Désormais, chaque voie d'ingestion alimente un seul pipeline.

Pointez Open Design vers une URL de marque, déposez-y un DESIGN.md, confiez-lui un fichier .fig hors ligne (décodé localement, sans compte Figma), ou capturez une page avec le nouveau clipper de navigateur — et chacun s'extrait en un système de design user: réutilisable. Parce que c'est toute l'idée derrière cette version : une marque n'est pas une chose à part, elle est un système de design. Capturez-la une fois et elle parcourt une boucle ininterrompue, à vous de la réutiliser sur chaque projet suivant.

À partir de là, c'est une seule boucle, de bout en bout : prévisualisez le système sous forme de kit accompagné de templates, construisez directement à partir de lui (l'onboarding se termine désormais sur une étape de build), et exportez en un clic le résultat en PDF, PPTX, PPTX éditable ou image. Les logos, captures d'écran et palettes capturés ont enfin un foyer dans la nouvelle OD Library, un registre d'actifs adressé par contenu. Et une nouvelle installation est désormais livrée avec 150 systèmes de design de marque prêts à l'emploi — Airbnb, Stripe, Vercel, Tesla, Supabase, Uber, et plus encore — pour que le sélecteur soit utile dès le premier jour. La CLI conserve une parité complète : od brand, od library, od figma import, od export.

La vignette d'un site web en ligne soulevée vers le haut et décomposée en un petit ensemble de tokens de marque — une rangée d'échantillons de couleur, un échantillon typographique et une tuile de logo — rassemblés sur une seule carte de système de design réutilisable maintenue à l'intérieur d'un cadre de sélection vert, sur un fond éditorial presque blanc
Pointez-le vers une marque et il extrait les couleurs, la typographie et la voix en un système de design réutilisable.

Des échecs qui vous disent enfin ce qui a cassé

Le redouté fourre-tout « execution_failed » a disparu. Les exécutions nomment désormais leur cause — un plantage au démarrage, l'expiration d'une reprise, un agent coincé dans une boucle d'outil, une configuration de fournisseur obsolète — pour que vous sachiez s'il faut réessayer ou signaler. Et lorsqu'une exécution peut se rétablir, elle temporise avec du jitter et réessaie d'elle-même au lieu de s'effondrer.

C'est un petit changement au grand bénéfice : un échec était autrefois une impasse assortie d'un haussement d'épaules. Désormais, il vous oriente vers la correction, et les échecs récupérables se corrigent discrètement d'eux-mêmes.

Un bloc d'échec d'exécution gris et non étiqueté à côté d'une carte d'échec clairement étiquetée qui nomme sa cause et montre une flèche de réessai qui revient en courbe, la carte étiquetée maintenue à l'intérieur d'un cadre de sélection vert, sur un fond éditorial presque blanc
Des causes nommées remplacent le fourre-tout gris opaque — et les exécutions récupérables se réessaient d'elles-mêmes.

Une connexion qui survit à un mauvais relais de navigateur

La connexion au cloud se figeait autrefois cinq minutes en silence si le relais du navigateur flanchait. Désormais, elle affiche l'URL de connexion et le code sur-le-champ pour que vous puissiez terminer à la main, et toute l'étape Connect de l'onboarding a été repensée en une page de connexion au cloud épurée. La première chose qu'un nouvel utilisateur touche ne casse plus à cause d'un navigateur qui se comporte mal.

Quoi d'autre arrive dans la 0.12.0

La version est vaste. Quelques éléments de plus qui méritent d'être mis en avant :

  • Votre agent de codage, avec moins d'aspérités. Une détection plus stable du binaire OpenCode sur npm, la découverte de Node sous Windows via fnm, la résolution de pnpm par Corepack, une politique centralisée de fournisseur de raisonnement, la génération d'images par abonnement Codex privilégiée, et le lanceur Warp masqué là où il n'a pas sa place.
  • Des PDF plus nets et une meilleure gestion des decks. L'export PDF attend désormais que la page soit prête à l'impression avant de se déclencher, les noms de fichiers imprimés sont compatibles avec Teams, la détection de deck reconnaît les classes préfixées par slide, et les captures d'écran HTML-PPT ne dépendent plus de la présence d'un Chrome système installé.
  • Un bureau qui montre son travail. L'écran de démarrage affiche la vraie progression des étapes de démarrage au lieu d'un logo figé, arbore le logotype « Open Design » avec majuscules, et les mises à jour de payload s'installent dans l'application comme vous vous y attendez.
  • Plus de finition sur le web. Une page d'accueil rafraîchie avec des correctifs de réactivité mobile, un article de blog « Qu'est-ce que le vibe design » en 18 langues ainsi qu'un cluster vibe-design élargi, une passe de métadonnées SEO sur tout le site, et le compte officiel unifié sous @OpenDesignHQ.
  • Plus facile à auto-héberger. L'image d'exécution embarque bash et git, les valeurs par défaut de Docker s'alignent sur les releases GHCR, il existe un indicateur optionnel de désactivation de l'authentification API pour les réseaux de confiance, et une nouvelle option de déploiement Sealos en un clic.

La liste complète compte 103 PR. Les notes de version sur GitHub contiennent le reste.

Quoi en faire dès aujourd'hui

Si vous êtes…Commencez ici
Nouveau sur Open DesignTéléchargez l'application de bureau et choisissez l'un des 150 systèmes de design de marque préchargés — l'onboarding se termine désormais sur une véritable étape de build
En train d'apporter votre propre marquePointez-le vers l'URL de votre marque, déposez un DESIGN.md, confiez-lui un .fig hors ligne, ou capturez une page dans le navigateur — les quatre alimentent un seul système de design réutilisable
En train de livrer un deck ou un documentConstruisez directement à partir de votre système de design et exportez en un clic en PDF, PPTX, PPTX éditable ou image
Confronté à une exécution échouéeRelancez-la — les échecs nomment désormais leur cause, et les échecs récupérables temporisent et réessaient d'eux-mêmes

Quoi faire ensuite

Une marque n'est pas un actif distinct que vous redécrivez à chaque projet — elle est un système de design. Téléchargez l'application de bureau, pointez Open Design vers une marque que vous possédez déjà, et regardez-le extraire couleurs, typographie et voix en quelque chose à partir de quoi vous pouvez construire dès aujourd'hui et réutiliser sur chaque projet suivant.

Téléchargez Open Design.

103 PR en six jours, de 30 personnes transformant une page blanche en point de départ. Les systèmes de design adossés à la marque existent parce que des contributeurs ont comblé l'écart entre « la marque que vous possédez » et « le système à partir duquel vous construisez ». Un mouvement ne se livre pas depuis les ordinateurs portables d'une seule équipe ; il se livre depuis les personnes qui se sont présentées et ont construit. On vous voit. 🏛️

Lectures associées


← Retour au carnet GitHub · Source ↗