Pencil

Un canvas de design partagé avec les agents de code

Pencil s'appelle désormais pen.dev : pencil.dev redirige vers le nouveau domaine, et l'extension comme la documentation portent ce nom. C'est un éditeur de design vectoriel dans lequel des agents IA dessinent sur le canvas, avant une retouche à la main. Il existe en application desktop (macOS, Windows, Linux), en extension VS Code et Cursor, et en ligne de commande. Les maquettes sont des fichiers .pen en JSON, rangés dans le dépôt à côté du code : l'agent qui écrit le composant lit la maquette dont il part.

Maquettes .pen versionnées, clients MCP et CLI sans interface

• Un fichier .pen est du JSON, commentaires admis, décrit par un schéma TypeScript publié dans la documentation, qui recommande de confier son historique aux commits Git.
• Claude Code, Codex, Cursor ou un autre client MCP se branchent en local sur l'application ouverte : stdio jusqu'au serveur MCP, puis socket Unix sous macOS et Linux, named pipe sous Windows.
• L'agent tire de la maquette un composant React, Vue ou Svelte, ou redessine sur le canvas un composant existant comme src/components/Button.tsx. L'export intégré se limite au HTML avec CSS ou Tailwind.
• La CLI (@pen.dev/cli, Node.js 22.19 minimum) fait tourner l'éditeur sans interface : agent lancé sur un prompt, export PNG, JPEG, WEBP ou PDF, exécution en CI avec une clé PEN_CLI_KEY.
• L'import Figma prend un fichier entier ou des calques collés, images exceptées. L'application desktop convertit aussi en calques une page de son navigateur intégré, localhost compris, sans son JavaScript.
• Les modèles se branchent avec un abonnement ChatGPT ou Claude existant, ou avec une clé API.

Logiciel propriétaire, quota d'agent et schéma .pen non figé

Licence propriétaire, compte exigé pour l'essentiel. L'EULA en vigueur au 15 octobre 2026 accorde une licence limitée, non exclusive et non transférable, et interdit de copier, modifier, redistribuer ou décompiler le logiciel. La CLI demande une connexion pour l'agent, les exports et le mode interactif. Un lien de partage téléverse le document et ses fichiers, que quiconque détient le lien peut consulter et télécharger. Côté libre, Penpot est sous MPL-2.0, s'auto-héberge et dispose lui aussi d'un serveur MCP.

Cinq jours d'agent par mois en gratuit. Le plan Free, destiné à l'exploration et au travail personnel, donne cinq jours par mois de design avec un agent, un agent à la fois et 25 générations d'images ou de SVG. Une journée est décomptée dès qu'un agent dessine, Claude Code branché par MCP compris, même sur l'abonnement de l'utilisateur. Pro coûte 20 $ par utilisateur et par mois, 16 $ en paiement annuel (agent tous les jours, trois agents en parallèle), et Ultra 60 $, ou 48 $ en annuel (six agents, crédits partagés par l'équipe).

Format ouvert, compatibilité non garantie. La page d'accueil annonce un schéma entièrement ouvert, mais la documentation du format, dont le schéma en est à la version 2.21, se réserve le droit d'y introduire des ruptures de compatibilité. À l'ouverture, pen.dev convertit les anciens fichiers et les enregistre au nouveau format : la doc conseille de garder l'original avant de changer de version. En cas de conflit Git, elle demande de refaire la modification dans pen.dev plutôt que de fusionner le JSON à la main.

Version 0.6.78 du 22 octobre 2026. C'est la dernière version de l'extension sur Open VSX, sans marque de préversion ; la 0.6.68 datait du 25 août. Le site ne mentionne ni bêta ni accès anticipé. L'éditeur est High Agency, Inc., en Californie.