Outils · Design / prototypage
Pencil
L'éditeur de design que Claude pilote pour transformer une idée en maquette.
Pencil est un outil de design d'interfaces qui travaille avec des fichiers .pen, conçu pour être manipulé aussi bien à la main que par une IA. Branché à Claude via son serveur MCP, il devient l'atelier où vous décrivez un écran et où Claude le construit, le corrige et l'exporte sans que vous touchiez la souris.
Forces & faiblesses
Ce qu'on aime, ce qu'on regrette
+ Forces
- Pensé dès le départ pour être piloté par une IA comme Claude
- Serveur MCP officiel qui donne à Claude la main sur vos maquettes
- Fichiers .pen lisibles et structurés, parfaits pour itérer écran par écran
- Variables et système de design intégrés pour rester cohérent
− Limites
- Outil jeune, écosystème et communauté encore réduits
- Le format .pen est propriétaire et chiffré, on dépend de Pencil pour y accéder
- Sans Claude derrière, l'intérêt face à Figma reste limité pour un débutant
Cas d'usage
Pour quels projets
- Maquetter une application ou un site en dictant les écrans à Claude
- Itérer vite sur une interface avant de coder
- Garder un système de design cohérent piloté par variables
- Exporter des écrans validés vers du code
Piloter avec Claude
Skills & MCP
Outil de maquette de Claude Builder : vous décrivez vos écrans, Claude les construit dans Pencil via MCP, puis vous exportez vers du code. La boucle idée → maquette → code se fait sans jamais ouvrir un éditeur de design à la main.
Agent Skill design
Une compétence Claude Code dédiée au pilotage de Pencil : conventions de maquette, génération d'écrans et export, réutilisables sur tous vos projets.
MCP Pencil
Le serveur MCP officiel qui donne à Claude la main sur vos fichiers .pen : lire l'état de l'éditeur, créer et modifier des écrans, gérer les variables, exporter.
DocumentationTarifs
Combien ça coûte
Gratuit
Pour découvrir et créer ses premiers fichiers
Pro
Projets illimités, fonctions avancées
Notre point de vue
Ce qu'on en pense
Pencil est un éditeur de maquettes (les plans visuels d'un écran, avant d'écrire la moindre ligne de code) qui a un parti pris rare : il a été pensé pour qu'une IA le pilote. Concrètement, vous décrivez à Claude l'écran que vous voulez, et Claude crée, déplace et corrige les éléments directement dans Pencil grâce à une "prise" qu'on appelle MCP, sans que vous ayez à manier la souris vous-même. Les fichiers, au format .pen, sont structurés pour que Claude les comprenne et les modifie proprement. C'est l'atelier de design où vous dictez et où Claude exécute. La contrepartie est honnête : l'outil est jeune, sa communauté est encore petite, et le format .pen est verrouillé, donc vous restez dépendant de Pencil pour ouvrir vos propres maquettes.
Face à Figma, la référence mondiale du design d'interfaces, Pencil perd sur la maturité, la richesse de l'écosystème et le travail à plusieurs en temps réel. Mais Pencil gagne sur le terrain qui nous intéresse : le pilotage par Claude. Là où Figma reste un outil de designer qu'on manie à la main, Pencil laisse Claude faire le gros du travail pendant que vous validez. Pour un autonome non-technique qui construit avec l'IA plutôt que de dessiner pixel par pixel, ce renversement change tout.
Adoptez Pencil si vous construisez vos produits avec Claude et que vous voulez sauter l'étape "apprendre Figma" pour passer directement de l'idée à la maquette dictée. C'est l'outil de design des bâtisseurs assistés par IA. En revanche, passez à Figma si vous travaillez dans une équipe de designers déjà installée, si vous avez besoin de bibliothèques de composants partagées à grande échelle, ou si la collaboration en direct avec des collègues est au cœur de votre métier.
Prochaine étape
Apprendre Pencil avec Nous
La formation Claude Builder vous apprend à piloter Pencil via Claude. Sans tutoriel, sans détour, avec un actif livré.