OpenPencil : une alternative Figma open source, locale et programmable pour designer plus vite

https://openpencil.dev/

https://github.com/open-pencil/open-pencil

📌 OpenPencil est un éditeur de design IA open source qui combine compatibilité Figma, exécution locale et automatisation scriptable dans une même interface, pour passer de l’idée au livrable sans dépendre d’un SaaS fermé.

OpenPencil se positionne comme un éditeur orienté production, pas comme une simple démo technique. Le point clé est la compatibilité directe avec les fichiers .fig, ce qui permet d’ouvrir et d’enregistrer des documents existants sans imposer une migration complète de workflow. Dans un usage quotidien, cela évite de casser une bibliothèque de maquettes déjà en place et permet de reprendre un design Figma dans un environnement entièrement contrôlable. L’outil vise une logique de continuité: même format, mêmes gestes principaux, mais plus de contrôle sur l’exécution, la personnalisation et l’automatisation.

L’éditeur tourne en deux modes complémentaires. Le mode web démarre immédiatement dans le navigateur via app.openpencil.dev, sans installation. Le mode desktop apporte un fonctionnement local complet avec des binaires pour macOS, Windows et Linux. Cette dualité est utile en pratique: test rapide et partage en web, travail stable et hors ligne en app native. La version desktop repose sur Tauri, avec une empreinte légère, des dialogues natifs pour ouvrir/enregistrer les fichiers et un comportement plus proche d’un logiciel système que d’un wrapper web classique.

Au niveau du flux de design, OpenPencil couvre les briques attendues pour produire des interfaces réelles: dessin vectoriel, auto-layout, composants/instances, variables, édition de texte riche, export d’assets, gestion des pages et des calques. L’import/export .fig n’est pas traité comme un simple convertisseur statique, mais comme une capacité de round-trip pour conserver la cohérence entre lecture, modification et réécriture de document. Pour un usage concret, cela veut dire qu’un fichier importé peut continuer à vivre sans être figé dans un format interne non compatible.

La couche IA est intégrée directement dans le produit. Au lieu d’ajouter un assistant décoratif, OpenPencil expose des outils d’action sur le document: lire la sélection, créer/modifier des nœuds, organiser des pages, gérer des variables, lancer des transformations, puis enchaîner ces opérations via le chat. Ce modèle est pratique quand il faut itérer vite sur des écrans: tu décris une intention, l’outil peut agir immédiatement sur la scène, puis tu ajustes visuellement. L’IA devient un accélérateur de manipulation du design, pas seulement un générateur de texte.

points clés

• ⚙️ Compatibilité .fig en import/export, avec copier-coller bidirectionnel entre OpenPencil et Figma.
• 💻 Double mode d’usage: navigateur pour démarrer vite, desktop pour un travail local et offline.
• 🤖 IA native orientée actions sur le document (création, modification, organisation) plutôt qu’un simple chat.
• 🧱 Fonctionnalités de production: auto-layout, composants, variables, export multi-format, gestion fine du texte.
• 🔌 Extension de l’écosystème via CLI headless et serveur MCP pour piloter l’éditeur depuis d’autres outils.

L’automatisation est l’autre pilier différenciant. OpenPencil dispose d’un CLI headless qui permet d’inspecter un fichier, afficher son arbre de nœuds, rechercher des éléments, exporter des rendus et analyser des dimensions comme les couleurs, la typo ou les espacements. C’est utile pour industrialiser des tâches répétitives: validation de livrables, contrôle de cohérence sur une librairie de composants, génération de previews, extraction de statistiques design avant revue. Au lieu de faire ces étapes à la main dans l’UI, tu peux les intégrer dans un script ou un pipeline.

Le serveur MCP élargit encore l’usage. En pratique, cela rend l’éditeur pilotable depuis des environnements externes compatibles MCP, avec des outils de lecture et d’écriture sur le document. Pour un poste de travail orienté IA, c’est un avantage concret: un assistant externe peut auditer une maquette, proposer des correctifs puis appliquer des changements structurés sans quitter le contexte de ton stack habituel. OpenPencil devient alors une brique de ton système d’outillage, pas un silo isolé.

La confidentialité est traitée de manière pragmatique. Le fonctionnement local et offline limite l’exposition des fichiers design sensibles. En mode navigateur, l’outil peut fonctionner sans backend propriétaire imposé, et l’intégration IA repose sur une clé API personnelle. Ce modèle réduit la dépendance à une plateforme unique et permet de choisir les modèles selon les besoins de coût, de latence ou de qualité. Pour une organisation qui veut garder la main sur ses données et son budget IA, cette approche est nettement plus flexible qu’un abonnement fermé.

Le démarrage est direct. Côté usage simple, ouvrir l’app web suffit pour commencer. Côté desktop, il existe des binaires prêts à l’emploi sur les releases. Côté dev, la base s’installe avec Bun, puis le serveur de développement se lance en local; Rust est nécessaire pour la variante desktop Tauri. Ce découpage est clair: usage immédiat sans setup, puis montée en puissance progressive si tu veux personnaliser, contribuer ou intégrer OpenPencil à un workflow interne.

Sur la compatibilité plateforme, le projet couvre macOS Intel/Apple Silicon, Windows x64/ARM et Linux x64 pour les builds distribués, avec les dépendances système classiques côté Linux/Tauri. Il n’y a pas de contrainte GPU spécifique mise en avant pour un usage standard, ce qui facilite l’adoption sur des machines variées. Le positionnement n’est pas de réclamer une station haut de gamme, mais de fournir un outil de design moderne qui reste accessible et automatisable.

Concrètement, OpenPencil s’adresse à ceux qui veulent conserver la vitesse d’un éditeur visuel moderne tout en récupérant la maîtrise technique: format de fichier compatible, exécution locale, IA pilotable, CLI et MCP pour brancher l’outil dans des workflows réels. C’est un projet qui transforme l’éditeur de design en composant programmable de la chaîne produit, avec une promesse simple: moins de verrouillage, plus d’itération utile au quotidien.