Alternative · Pencil.dev
Meilleure alternative à Pencil.dev pour le design.
Open Design est l'alternative entièrement open source et local-first à Pencil — un espace de travail de design agent-native que vous pilotez avec l'agent de codage que vous utilisez déjà, votre clé, vos fichiers, et un système de design portable que vous conservez dans votre dépôt.
Pencil (pencil.dev) est un outil de design piloté par agent issu de a16z Speedrun qui place un canevas vectoriel façon Figma dans votre IDE et conserve son design sous forme de fichiers JSON .pen dans votre dépôt, versionnés avec Git. Un serveur MCP local permet à votre agent de codage de lire et d'écrire ces fichiers, si bien qu'une invite devient une UI éditable que vous pouvez ensuite confier à un agent de codage pour du code de production. Il a été lancé publiquement début 2026, a dépassé les 100 000 utilisateurs, et il est vraiment bon — avec pour bémol que l'application elle-même est propriétaire, optimisée d'abord pour Claude, et gratuite uniquement pendant l'accès anticipé.
Open Design est l'alternative entièrement open source et local-first : un espace de travail de design agent-native vers lequel vous pointez votre propre agent de codage (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) en BYOK. Ces deux outils sont exceptionnellement proches — tous deux pilotés par agent, tous deux conservant le design sous forme de fichiers dans votre dépôt. Les différences tiennent à la propriété et à l'étendue : avec Open Design, l'application tout entière est sous Apache-2.0 (pas seulement un format documenté), le BYOK est neutre vis-à-vis du fournisseur, et la sortie couvre l'UI, les présentations, les prototypes et un DESIGN.md portable. Cette page est honnête sur les points où Pencil l'emporte véritablement.
01
Ce qu'est Pencil
Pencil (pencil.dev) c'est « concevoir sur le canevas, aboutir dans le code » — un canevas de design vectoriel infini qui vit à l'intérieur de votre IDE et de votre base de code, créé par Tom Krcha (auparavant à l'origine d'Around, racheté par Miro) et soutenu par a16z Speedrun. Ses fichiers de design utilisent un format JSON .pen ouvert et documenté qui se trouve dans votre dépôt sous Git, et un serveur MCP local permet aux agents IA de les lire et de les écrire. Vous rédigez une invite ou dessinez sur le canevas, puis confiez le design à un agent de codage (Claude Code et d'autres) pour générer des composants de production qui correspondent à votre stack.
En tant que surface de design, Pencil est soigné : un vrai canevas vectoriel avec des calques, un inspecteur de propriétés, des composants en glisser-déposer, des blocs d'invite que vous placez directement sur le canevas, un copier-coller Figma natif qui préserve les calques et l'auto-layout, et des kits d'UI intégrés (Shadcn, Lunaris, Halo, Nitro). Les modifications manuelles du canevas ne consomment pas de tokens d'agent.
Ce qu'il faut savoir avant de vous engager : l'application Pencil est propriétaire (seul le format .pen est documenté, et il peut changer), elle est optimisée pour Claude Code avec une expérience plus faible sur d'autres modèles, elle est gratuite uniquement en accès anticipé (« le gratuit n'est pas un modèle économique », selon les fondateurs), et les testeurs notent qu'elle en est encore à un stade précoce — plantages occasionnels et absence de sauvegarde automatique.
- Éditeur : Pencil (pencil.dev), a16z Speedrun — application propriétaire, ~100 000 utilisateurs, lancée début 2026
- Environnement d'exécution : application de bureau locale + extension d'IDE (Cursor / VS Code / Windsurf) + serveur MCP local
- Fichiers de design : format JSON .pen ouvert dans votre dépôt, versionné avec Git
- Modèle : MCP avec plusieurs agents, optimisé pour Claude Code ; vous apportez votre propre abonnement d'agent
- Tarification : gratuit en accès anticipé, aucun plafond publié pour l'instant — offres payantes annoncées
02
Open Design vs Pencil, fonctionnalité par fonctionnalité
| Fonctionnalité | Open Design | Pencil (pencil.dev) |
|---|---|---|
| Licence | Apache-2.0 — l'application tout entière est open source | Application propriétaire ; seul le format .pen est documenté |
| Environnement d'exécution | Démon local + application de bureau | Application de bureau locale + extension d'IDE + serveur MCP local |
| Fichiers de design | Fichiers dans votre dépôt (Git) : DESIGN.md, artefacts | Fichiers JSON .pen dans votre dépôt (Git) |
| Compte | Aucun requis ; s'exécute localement | Compte / connexion (accès anticipé) |
| Tarification | Gratuit et open source ; vos propres dépenses de modèle | Gratuit en accès anticipé ; offres payantes annoncées |
| Modèle | BYOK, neutre vis-à-vis du fournisseur — Claude, Codex, Cursor, Gemini, Qwen | MCP avec plusieurs agents, optimisé pour Claude Code |
| Surface principale | Piloté par agent (invite → artefacts) + interface web | Canevas vectoriel façon Figma que vous éditez directement ; agent via MCP |
| Sortie | UI, pages de destination, présentations, prototypes, systèmes de design | Écrans/composants d'UI → code (correspond à votre dépôt) |
| Système de design | DESIGN.md portable que chaque compétence applique | Variables/Composants + kits d'UI intégrés (Shadcn, Lunaris…) |
| Import Figma | Via agent (collage/capture d'écran → DESIGN.md) | Copier-coller natif (préserve les calques, l'auto-layout) |
| Collaboration | Local mono-utilisateur ; piloté par agent | Pas de multijoueur humain ; SWARM = plusieurs agents IA |
| Auto-hébergement / fork | Oui (Apache-2.0) | Non — l'application est propriétaire |
| Maturité | Versions stables | Accès anticipé — plantages, absence de sauvegarde automatique rapportés |
Regardons les choses en face : Pencil l'emporte sur le canevas manuel — une surface mature, façon Figma, que vous éditez directement, avec un collage Figma natif et des kits d'UI intégrés, directement dans votre IDE. Open Design l'emporte sur la propriété et l'étendue — l'application tout entière est open source (pas seulement le format de fichier), le BYOK est neutre vis-à-vis du fournisseur plutôt qu'axé sur Claude, le « gratuit » reste gratuit parce qu'il n'y a aucun éditeur pour vous monétiser, et la sortie couvre l'UI, les présentations, les prototypes et un système de design portable sous forme de fichiers que vous conservez.
03
Pourquoi les équipes cherchent une alternative à Pencil
Pencil est un excellent moyen de concevoir à l'intérieur de votre IDE, et pour bon nombre de « développeurs qui font du design », il convient parfaitement. Les raisons pour lesquelles les gens cherchent tout de même une alternative se regroupent autour de ce qui se passe une fois la lune de miel de l'accès anticipé terminée — propriété, verrouillage vis-à-vis du fournisseur et périmètre.
- L'application est fermée, seul le format est ouvert: Le format .pen de Pencil est documenté, mais l'application est propriétaire et soutenue par a16z, et la spécification du format se réserve le droit de changer. Open Design est sous Apache-2.0 de bout en bout — forkez-le, auditez-le, auto-hébergez-le, et possédez chaque artefact qu'il produit.
- Le « gratuit » a une date d'expiration: Pencil est gratuit tant qu'il est en accès anticipé, mais les fondateurs sont explicites : « le gratuit n'est pas un modèle économique ». Des offres payantes et des limites arrivent. Open Design est gratuit parce qu'il est open source ; vous ne payez jamais que vos propres dépenses de modèle.
- Il est axé sur Claude: Pencil connecte plusieurs agents via MCP mais est optimisé pour Claude Code, avec une expérience plus faible ailleurs. Open Design est un BYOK neutre vis-à-vis du fournisseur — Claude, Codex, Cursor, Gemini, OpenCode et Qwen sont tous de premier rang.
- Vous voulez plus que de l'UI-vers-code: Pencil se concentre sur l'UI → code. Open Design rend l'UI, les pages de destination, les présentations, les prototypes et un système de design DESIGN.md portable à partir de la même marque, le tout sous forme de fichiers dans votre dépôt.
04
Open source + BYOK, expliqué
Les deux outils sont local-first et conservent le design sous forme de fichiers dans votre dépôt — cette partie est un point commun. Là où Open Design diffère, c'est que l'application tout entière est sous Apache-2.0, et pas seulement un format de fichier documenté, si bien que vous pouvez la forker, l'auditer et l'auto-héberger. Votre marque vit dans votre dépôt sous forme d'un DESIGN.md portable que chaque compétence respecte.
Vous apportez aussi votre propre clé d'agent, de façon neutre vis-à-vis du fournisseur. Les identifiants restent dans une configuration locale ou des variables d'environnement — Open Design ne sert jamais d'intermédiaire pour eux — et les dépenses d'API vous sont facturées directement, aux tarifs de votre fournisseur, sans plafond d'éditeur après l'accès anticipé.
Vous découvrez le concept ? Lisez ce qu'est le vibe design, parcourez la bibliothèque de plugins et de systèmes de design, consultez toutes les comparaisons Open Design — dont Figma et Google Stitch — ou téléchargez Open Design pour l'essayer.
05
Là où Pencil l'emporte véritablement — et lequel choisir
Rendons à César ce qui est à César : en tant que surface de design, Pencil est excellent. C'est un vrai canevas vectoriel façon Figma que vous éditez à la main — calques, inspecteur de propriétés, composants en glisser-déposer, et blocs d'invite placés directement sur le canevas — avec un copier-coller Figma natif qui conserve les calques et l'auto-layout, plus des kits d'UI intégrés (Shadcn, Lunaris, Halo, Nitro). Et tout cela vit directement dans votre IDE, si bien qu'un développeur qui fait du design ne quitte jamais Cursor ou VS Code. Si ce que vous voulez est un canevas soigné à manipuler directement, la surface de Pencil est aujourd'hui plus mature que le flux agent-first d'Open Design. Le compromis, c'est tout ce qui est structurel autour : une application propriétaire, une optimisation axée sur Claude, et un « gratuit » dont les fondateurs ont dit qu'il ne durerait pas.
Un moyen rapide de décider selon ce que vous voulez réellement faire — les deux se recoupent, alors la répartition honnête compte :
| Si vous voulez… | Meilleur choix |
|---|---|
| Posséder l'outil tout entier en open source que vous pouvez forker/auto-héberger | Open Design |
| Garder un « gratuit » gratuit sans plafond d'éditeur après l'accès anticipé | Open Design |
| Utiliser un BYOK neutre vis-à-vis du fournisseur (pas axé sur Claude) | Open Design |
| Rendre l'UI + les présentations + les prototypes + un système de design | Open Design |
| Éditer un canevas vectoriel mature, façon Figma, à la main | Pencil |
| Coller depuis Figma en conservant les calques et l'auto-layout | Pencil |
| Concevoir en ligne dans Cursor / VS Code | Pencil |
06
Déplacer un design de Pencil vers Open Design
Les deux outils conservent le design sous forme de fichiers dans votre dépôt, il n'y a donc pas d'export cloud avec perte à combattre — le passage est centré sur le design. Extrayez votre marque une seule fois et chaque rendu ultérieur en hérite.
- Installez Open Design depuis la page de téléchargement et apportez votre propre clé d'agent (Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen).
- Pointez votre agent vers un export Pencil, un collage Figma ou une capture d'écran dont vous voulez conserver l'apparence.
- Demandez à l'agent d'extraire la marque — couleurs, typographie, espacement — dans un fichier DESIGN.md de votre dépôt.
- Choisissez une compétence et rendez-la avec votre nouvelle marque pour confirmer la correspondance.
À partir de là, chaque compétence rend selon votre marque — et l'UI, le code et le système de design restent dans votre dépôt sous forme de fichiers qui vous appartiennent, sous contrôle de version.
FAQ
FAQ
-
01 Pencil (pencil.dev) est-il open source ?
Pas l'application. Pencil est un produit propriétaire soutenu par a16z ; ce qui est « ouvert », c'est le format de fichier .pen, qui est documenté mais peut changer (l'équipe se réserve le droit d'introduire des changements incompatibles). Open Design est entièrement open source sous Apache-2.0 — l'application tout entière, et pas seulement la spécification du fichier — et est auto-hébergeable.
-
02 Pencil.dev est-il gratuit ?
Il est gratuit aujourd'hui, mais explicitement en accès anticipé. Les fondateurs ont déclaré que « le gratuit n'est pas un modèle économique », annonçant de futures offres payantes et limites. Open Design est gratuit parce qu'il est open source ; vous apportez votre propre clé d'agent, si bien que les dépenses de modèle vous sont facturées sans plafond fixé par un éditeur.
-
03 Quelle est la différence entre Open Design et Pencil ?
Ils sont proches — les deux sont pilotés par agent et conservent le design sous forme de fichiers dans votre dépôt sous Git. Les différences : Open Design est entièrement open source (Apache-2.0, pas seulement un format ouvert), BYOK neutre vis-à-vis du fournisseur (pas optimisé principalement pour Claude), et rend une plus large gamme d'artefacts (UI, présentations, prototypes, systèmes de design). Pencil offre un canevas vectoriel manuel plus mature et un collage Figma natif.
-
04 Pencil fonctionne-t-il avec des agents autres que Claude ?
Oui — il connecte plusieurs agents via MCP (Cursor, Windsurf, Codex, et d'autres), mais il est optimisé pour Claude Code et les testeurs rapportent une expérience plus faible avec d'autres modèles. Open Design traite Claude, Codex, Cursor, Gemini, OpenCode et Qwen comme des agents de premier rang.
-
05 Open Design est-il affilié à Pencil ?
Non. Open Design est un projet indépendant et open source (github.com/nexu-io/open-design, Apache-2.0). Pencil est un produit distinct, soutenu par a16z, disponible sur pencil.dev ; il s'agit d'une comparaison non affiliée.
Possédez l'outil tout entier, pas seulement le format de fichier.
Ajoutez une étoile au dépôt, récupérez la version de bureau ou lancez l'installation dans votre terminal. Open Design est open source de bout en bout — votre UI, votre code et votre système DESIGN.md restent dans votre dépôt dès le premier rendu.