OpenPencil (dépôt ZSeven-W/openpencil) est un outil de conception vectorielle open-source qui se distingue en étant le premier de sa catégorie à être natif pour l’IA (AI-native)
Il ne s’agit pas d’un simple logiciel de design auquel on aurait ajouté un bouton « générer par IA », mais d’une plateforme structurellement conçue pour que l’intelligence artificielle pilote la création visuelle
Voici les éléments clés qui définissent le projet :
1. Approche « Design-as-Code »
Le cœur du projet repose sur le concept de Design-as-Code : il permet de transformer des prompts textuels en interfaces utilisateur (UI) directement sur un canevas graphique en temps réel
L’objectif est de réduire la friction entre la maquette visuelle et le code de production.
2. Fonctionnalités majeures
- Équipes d’Agents Concurrents (Concurrent Agent Teams) : OpenPencil est le premier outil à permettre à plusieurs agents IA de travailler en parallèle sur le canevas pour générer et assembler des designs complexes GitHub.
- Design Agentique via MCP : Le logiciel intègre un serveur MCP (Model Context Protocol) news.ycombinator.com. Cela permet à des assistants de codage (comme Claude Code) de « voir » et d’interagir avec le canevas de design pour y manipuler des éléments graphiques via des commandes.
- Interopérabilité Figma et Export : Il offre une compatibilité avec l’écosystème existant en permettant l’importation de fichiers Figma, ainsi que l’exportation des designs directement en code React ou Vue en un clic.
- CLI et Automatisation : Il propose une interface en ligne de commande (
op) et supporte des scripts DSL (Domain Specific Language) pour automatiser la génération de designs par lots.
3. Architecture technique
D’après l’analyse de son activité de développement, le projet s’appuie sur une stack moderne et performante :
- Frontend / UI : TypeScript et React.
- Moteur graphique : CanvasKit (basé sur Skia) pour le rendu vectoriel haute performance sur le canevas.
- Moteur IA natif : Le code utilise Zig (via un sous-module
agent-native) pour gérer le streaming des agents IA et les appels outils de manière performante. - Environnement : L’outil est packagé comme une application de bureau via Electron et utilise Bun comme runtime JavaScript.
4. Positionnement
OpenPencil se positionne comme une alternative moderne et open-source aux géants propriétaires du secteur (comme Figma ou Pencil)
GitHub. Il cible les designers et les développeurs qui souhaitent intégrer la génération d’interfaces par IA au cœur de leur flux de travail, en garantissant que le résultat visuel est immédiatement traduisible en code propre et structuré.