Alternativa · Pencil.dev
Migliore alternativa a Pencil.dev per il design.
SankiWork è l'alternativa completamente local-first a Pencil — uno spazio di lavoro di design agent-native che guidi con il coding agent che usi già, la tua chiave, i tuoi file e un design system portatile che tieni nel tuo repository.
Pencil (pencil.dev) è uno strumento di design guidato da agenti di a16z Speedrun che mette un canvas vettoriale in stile Figma dentro il tuo IDE e tiene il suo design come file JSON .pen nel tuo repository, versionati con Git. Un server MCP locale permette al tuo coding agent di leggere e scrivere quei file, così un prompt diventa una UI modificabile che puoi poi affidare a un coding agent per il codice di produzione. È stato lanciato pubblicamente all'inizio del 2026, ha superato i 100.000 utenti ed è davvero valido — con il rovescio della medaglia che l'app stessa è closed-source, ottimizzata prima di tutto per Claude e gratuita solo finché è in early access.
SankiWork è l'alternativa completamente local-first: uno spazio di lavoro di design agent-native a cui punti il tuo coding agent (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) tramite BYOK. Questi due sono insolitamente vicini — entrambi guidati da agenti, entrambi tengono il design come file nel tuo repository. Le differenze sono proprietà e ampiezza: con SankiWork l'intera app gira sulla tua macchina (non solo un formato documentato), il BYOK è neutrale rispetto al provider e l'output spazia tra UI, presentazioni, prototipi e un DESIGN.md portatile. Questa pagina è onesta su dove Pencil vince davvero.
01
Cos'è Pencil
Pencil (pencil.dev) è “design on canvas, land in code” — un canvas di design vettoriale infinito che vive dentro il tuo IDE e la tua codebase, costruito da Tom Krcha (in precedenza dietro Around, acquisito da Miro) e finanziato da a16z Speedrun. I suoi file di design usano un formato JSON .pen aperto e documentato che risiede nel tuo repository sotto Git, e un server MCP locale permette agli agenti AI di leggerli e scriverli. Fai un prompt o disegni sul canvas, poi affidi il design a un coding agent (Claude Code e altri) per generare componenti di produzione che corrispondono al tuo stack.
Come superficie di design, Pencil è curato: un vero canvas vettoriale con livelli, un inspector delle proprietà, componenti drag-and-drop, blocchi di prompt che posizioni direttamente sul canvas, copia-incolla nativo da Figma che preserva livelli e auto-layout, e UI kit integrati (Shadcn, Lunaris, Halo, Nitro). Le modifiche manuali al canvas non consumano token dell'agente.
Cosa sapere prima di impegnarti: l'applicazione Pencil è closed-source (solo il formato .pen è documentato e può cambiare), è ottimizzata per Claude Code con un'esperienza più debole su altri modelli, è gratuita solo in early access (“Free is not a business model”, secondo i fondatori), e i recensori notano che è ancora agli inizi — occasionali crash e assenza di salvataggio automatico.
- Vendor: Pencil (pencil.dev), a16z Speedrun — app closed-source, ~100.000 utenti, lanciato all'inizio del 2026
- Runtime: app desktop locale + estensione per IDE (Cursor / VS Code / Windsurf) + server MCP locale
- File di design: formato JSON .pen aperto nel tuo repository, versionato con Git
- Modello: MCP con diversi agenti, ottimizzato per Claude Code; porti il tuo abbonamento all'agente
- Prezzi: gratuito in early access, nessun limite pubblicato ancora — piani a pagamento segnalati
02
SankiWork vs Pencil, funzionalità per funzionalità
| Funzionalità | SankiWork | Pencil (pencil.dev) |
|---|---|---|
| Licenza | Local-first — l'intera app gira sulla tua macchina | App closed-source; solo il formato .pen è documentato |
| Runtime | Daemon locale + app desktop | App desktop locale + estensione per IDE + server MCP locale |
| File di design | File nel tuo repository (Git): DESIGN.md, artefatti | File JSON .pen nel tuo repository (Git) |
| Account | Nessuno richiesto; funziona localmente | Account / accesso (early access) |
| Prezzi | Gratuito; la tua spesa per il modello | Gratuito in early access; piani a pagamento segnalati |
| Modello | BYOK, neutrale rispetto al provider — Claude, Codex, Cursor, Gemini, Qwen | MCP con diversi agenti, ottimizzato per Claude Code |
| Superficie principale | Guidato da agenti (prompt → artefatti) + UI web | Canvas vettoriale in stile Figma che modifichi direttamente; agente tramite MCP |
| Output | UI, landing page, presentazioni, prototipi, design system | Schermate/componenti UI → codice (corrisponde al tuo repository) |
| Design system | DESIGN.md portatile che ogni skill applica | Variabili/Componenti + UI kit integrati (Shadcn, Lunaris…) |
| Import da Figma | Tramite agente (incolla/screenshot → DESIGN.md) | Copia-incolla nativo (preserva livelli, auto-layout) |
| Collaborazione | Locale a utente singolo; guidato da agenti | Nessun multiplayer umano; SWARM = più agenti AI |
| Self-host / fork | Sì | No — l'app è closed-source |
| Maturità | Release stabili | Early access — crash, assenza di salvataggio automatico riportati |
Leggilo onestamente: Pencil vince sul canvas manuale — una superficie matura in stile Figma che modifichi direttamente, con incolla nativo da Figma e UI kit integrati, proprio dentro il tuo IDE. SankiWork vince su proprietà e ampiezza — l'intera app gira sulla tua macchina (non solo il formato del file), il BYOK è neutrale rispetto al provider invece che Claude-first, “gratuito” rimane gratuito perché non c'è alcun vendor che debba monetizzarti, e l'output spazia tra UI, presentazioni, prototipi e un design system portatile come file che conservi.
03
Perché i team cercano un'alternativa a Pencil
Pencil è un ottimo modo per progettare dentro il tuo IDE, e per molti “sviluppatori che progettano” è una gran soluzione. Le ragioni per cui si cerca comunque un'alternativa si concentrano su ciò che accade dopo la luna di miele dell'early access — proprietà, lock-in del provider e portata.
- L'app è chiusa, solo il formato è aperto: Il formato .pen di Pencil è documentato, ma l'applicazione è closed-source e finanziata da a16z, e la specifica del formato si riserva il diritto di cambiare. SankiWork è local-first dall'inizio alla fine — possiedi ogni artefatto che produce.
- “Gratuito” ha una data di scadenza: Pencil è gratuito finché è in early access, ma i fondatori sono espliciti sul fatto che “Free is not a business model”. Piani a pagamento e limiti sono in arrivo. SankiWork è gratuito; paghi solo la tua spesa per il modello.
- È Claude-first: Pencil collega diversi agenti tramite MCP ma è ottimizzato per Claude Code, con un'esperienza più debole altrove. SankiWork è BYOK neutrale rispetto al provider — Claude, Codex, Cursor, Gemini, OpenCode e Qwen sono tutti di prima classe.
- Vuoi più del semplice UI-to-code: Pencil è focalizzato su UI → codice. SankiWork genera UI, landing page, presentazioni, prototipi e un design system portatile DESIGN.md dallo stesso brand, tutti come file nel tuo repository.
04
Local-first + BYOK, spiegato
Entrambi gli strumenti sono local-first e tengono il design come file nel tuo repository — questa parte è terreno comune. Dove SankiWork differisce è che l'intera applicazione gira sulla tua macchina, non solo un formato di file documentato. Il tuo brand vive nel tuo repository come un DESIGN.md portatile che ogni skill rispetta.
Inoltre porti la tua chiave dell'agente, neutrale rispetto al provider. Le credenziali restano nella configurazione locale o nelle variabili d'ambiente — SankiWork non le fa mai da proxy — e la spesa per le API viene fatturata direttamente a te, alle tariffe del tuo provider, senza alcun limite del vendor dopo l'early access.
Nuovo all'idea? Leggi cos'è il vibe design, esplora la libreria di plugin e design system, guarda tutti i confronti di SankiWork — incluso Figma e Google Stitch — oppure scarica SankiWork per provarlo.
05
Dove Pencil vince davvero — e quale scegliere
Onore al merito: come superficie di design, Pencil è eccellente. È un vero canvas vettoriale in stile Figma che modifichi a mano — livelli, un inspector delle proprietà, componenti drag-and-drop e blocchi di prompt posizionati direttamente sul canvas — con copia-incolla nativo da Figma che mantiene livelli e auto-layout, più UI kit integrati (Shadcn, Lunaris, Halo, Nitro). E tutto vive proprio dentro il tuo IDE, così uno sviluppatore che progetta non lascia mai Cursor o VS Code. Se ciò che vuoi è un canvas curato da manipolare direttamente, la superficie di Pencil è oggi più matura del flusso agent-first di SankiWork. Il compromesso è tutto ciò che c'è di strutturale attorno: app closed-source, ottimizzazione Claude-first e un “gratuito” che i fondatori hanno detto non durerà.
Un modo rapido per decidere in base a ciò che vuoi davvero fare — i due si sovrappongono, quindi la divisione onesta conta:
| Se vuoi… | Scelta migliore |
|---|---|
| Possedere l'intero strumento come local-first, che gira sulla tua macchina | SankiWork |
| Mantenere “gratuito” gratuito senza limiti del vendor dopo l'early access | SankiWork |
| Usare BYOK neutrale rispetto al provider (non Claude-first) | SankiWork |
| Generare UI + presentazioni + prototipi + un design system | SankiWork |
| Modificare a mano un canvas vettoriale maturo in stile Figma | Pencil |
| Incollare da Figma con livelli e auto-layout intatti | Pencil |
| Progettare inline dentro Cursor / VS Code | Pencil |
06
Spostare un design da Pencil a SankiWork
Entrambi gli strumenti tengono il design come file nel tuo repository, quindi non c'è alcun export cloud con perdite da combattere — il passaggio è design-first. Estrai il tuo brand una volta e ogni render successivo lo eredita.
- Installa SankiWork dalla pagina di download e porta la tua chiave dell'agente (Claude Code, Codex, Cursor, Gemini, OpenCode o Qwen).
- Punta il tuo agente a un export di Pencil, a un incolla da Figma o a uno screenshot di cui vuoi mantenere l'aspetto.
- Chiedi all'agente di estrarre il brand — colori, tipografia, spaziatura — in un file DESIGN.md nel tuo repository.
- Scegli una skill e generala rispetto al tuo nuovo brand per confermare che corrisponda.
Da quel momento in poi, ogni skill genera nel tuo brand — e la UI, il codice e il design system restano nel tuo repository come file di tua proprietà sotto controllo di versione.
FAQ
FAQ
-
01 Pencil (pencil.dev) è open source?
Non l'app. Pencil è un prodotto closed-source finanziato da a16z; ciò che è “aperto” è il formato di file .pen, che è documentato ma può cambiare (il team si riserva il diritto di apportare modifiche che rompono la compatibilità). SankiWork è completamente local-first — l'intera applicazione gira sulla tua macchina.
-
02 Pencil.dev è gratuito?
È gratuito oggi, ma esplicitamente in early access. I fondatori hanno detto “Free is not a business model”, segnalando futuri piani a pagamento e limiti. SankiWork è gratuito; porti la tua chiave dell'agente, quindi la spesa per il modello viene fatturata a te senza alcun limite imposto dal vendor.
-
03 Qual è la differenza tra SankiWork e Pencil?
Sono vicini — entrambi sono guidati da agenti e tengono il design come file nel tuo repository sotto Git. Le differenze: SankiWork è completamente local-first (non solo un formato aperto), BYOK neutrale rispetto al provider (non ottimizzato principalmente per Claude) e genera una gamma più ampia di artefatti (UI, presentazioni, prototipi, design system). Pencil offre un canvas vettoriale manuale più maturo e l'incolla nativo da Figma.
-
04 Pencil funziona con agenti diversi da Claude?
Sì — collega diversi agenti tramite MCP (Cursor, Windsurf, Codex e altri), ma è ottimizzato per Claude Code e i recensori riportano un'esperienza più debole con altri modelli. SankiWork tratta Claude, Codex, Cursor, Gemini, OpenCode e Qwen come di prima classe.
-
05 SankiWork è affiliato con Pencil?
No. SankiWork è un progetto indipendente (gitea.com/Sanki5211/sankiwork-community). Pencil è un prodotto separato finanziato da a16z su pencil.dev; questo è un confronto non affiliato.
Possiedi l'intero strumento, non solo il formato del file.
Metti una stella al repository, scarica la build desktop o esegui l'installazione nel tuo terminale. SankiWork è local-first dall'inizio alla fine — la tua UI, il tuo codice e il tuo sistema DESIGN.md restano nel tuo repository dal primo render in poi.