Paper Design — cos'è, come si usa, confronto con Figma e Claude Design

Paper Design — cos'è, come si usa, confronto con Figma e Claude Design

Scheda informativa — agosto 2026 — fonte: paper.design + rassegna comparativa

1. Cos'è Paper

paper.design è un tool di design che sta a metà tra Figma e il codice. La differenza strutturale rispetto a tutto il resto: la canvas non è un formato proprietario, è HTML e CSS veri. Quello che disegni è già codice — flexbox, proprietà CSS reali, niente livello di traduzione tra design e sviluppo.

Il posizionamento dichiarato dall'azienda è "the connected canvas for teams shipping with agents": una canvas pensata fin dall'origine per essere manipolata anche da agenti AI, non solo da mani umane.

Stato del progetto: open alpha. Serie A da 34M appena chiusa. In produzione da Vercel, Perplexity, PostHog, Tailwind Labs, Zed.

2. Le quattro cose che lo caratterizzano

Canvas HTML/CSS

Interfaccia simile a Figma, ma costruita su elementi web reali. L'export produce JSX o Tailwind direttamente, senza conversione.

MCP server bidirezionale

È il pezzo più interessante. Paper espone un server MCP con circa 24 tool tra lettura e scrittura: un agente AI (Claude, Copilot, Cline…) può creare frame, modificare stili, leggere il documento, tirare fuori il codice, fare screenshot.

Funziona anche nell'altro senso: si possono far arrivare contenuti dentro il design da Notion, da un CMS, da un'API — quindi mockup popolati con dati veri invece di lorem ipsum.

Shader library

Effetti GPU-accelerati: mesh gradient, liquid metal, halftone. Roba che in Figma o si rifà a mano o si importa come immagine statica.

Generazione immagini integrata

Più provider disponibili: Flux 2, opzioni basate su Gemini, OpenAI, Seedream.

App desktop

Paper Desktop sincronizza design token, stili e componenti tra codebase e canvas.

3. Come si comincia, in pratica

  1. Registrazione su app.paper.design. Il piano gratuito è utilizzabile sul serio (include 100 chiamate MCP a settimana). Il Pro costa 16 $/mese o 144 $/anno, con 1M di chiamate MCP settimanali e limiti più larghi sulla generazione immagini.

  1. Import da Figma o da HTML — è il modo più veloce per capire come si comporta la canvas su materiale già proprio, invece di partire da un file vuoto.

  1. Attivazione dell'MCP (istruzioni su paper.design/docs/mcp) e collegamento a Claude o all'IDE. Da lì si può chiedere all'agente di lavorare direttamente sul documento: "apri il file X, generami tre varianti responsive di questa card".

Disponibile in versione web e desktop (paper.design/downloads). Community su Discord, Slack, X, Reddit.

4. Confronto: Paper vs Figma

Il confronto vero non è tra le due interfacce, ma tra due modelli di collaborazione con l'AI. La formula che circola è centrata: il Figma MCP dà all'agente una finestra, il Paper MCP gli dà il volante.

Aspetto

Figma MCP

paper.design

Tool MCP

3, essenzialmente in lettura

~24, lettura + scrittura + utility

Tipo di canvas

SVG proprietario

HTML/CSS (il design è codice)

Accesso gratuito

No (serve il piano Professional, ~15 $/postazione)

Sì (100 chiamate/settimana)

Target ideale

Team di design maturi

Solo builder, workflow AI-first

Vantaggi di Paper

  • Niente perdita nella traduzione. Figma disegna in SVG proprietario, e nel passaggio SVG → web si perde molto: le misurazioni disponibili parlano di scarti di stile nell'ordine dell'85-90%. Paper non ha quel livello di traduzione.

  • MCP bidirezionale: l'agente non guarda soltanto, modifica.

  • Piano gratuito reale.

  • Shader e generazione immagini integrati.

Svantaggi di Paper

  • È in alpha aperta. Figma ha dieci anni di stabilità, plugin, librerie, file che si aprono sempre.

  • Ecosistema. Handoff, commenti, versioning, FigJam, e soprattutto il fatto che clienti e collaboratori hanno già Figma.

  • La canvas HTML/CSS è una gabbia quando l'output non è web. Per una copertina, una grafica print, un layout libero fuori griglia, il modello a flexbox combatte contro di te. Lì Figma è più libero.

  • Comunità piccola, poche risorse, roadmap incerta.

5. Confronto: Paper vs Claude Design

Claude Design è il workspace di Anthropic Labs uscito il 17 aprile 2026 in research preview: chat a sinistra, canvas live a destra. Si descrive quello che si vuole, Claude disegna, si corregge con commenti inline, modifiche dirette al testo e slider di regolazione.

Cosa produce: prototipi interattivi realistici, wireframe e mockup di prodotto, esplorazioni di design, pitch deck e presentazioni, materiali marketing, e una categoria sperimentale "frontier" (voce, video, shader, 3D).

Cosa accetta in ingresso: prompt testuali, immagini, documenti (DOCX, PPTX, XLSX), codebase, catture web.

Vantaggi di Claude Design

  • Velocità dal nulla al primo risultato. Zero curva di apprendimento, non serve saper usare un tool di design.

  • Input eterogenei già supportati nativamente.

  • Fa deck e materiali marketing, non solo interfacce. Paper è molto più orientato al prodotto/web.

  • Brand system d'organizzazione: se pubblicato, si applica automaticamente ai nuovi progetti.

  • Versioning e condivisione con permessi (privato, sola lettura, commento, modifica).

Svantaggi di Claude Design

  • Il controllo fine è indiretto. Si descrive invece di spostare: quando serve quel preciso allineamento, la chat è un mediatore lento.

  • Research preview con problemi noti: commenti che si perdono, errori di salvataggio, lag su codebase grandi.

  • Niente audit log, niente reportistica admin, niente data residency.

  • Solo web, nessuna integrazione nativa con Figma.

  • Senza un brand system pubblicato l'output tende al generico.

  • Richiede Pro, Max, Team o Enterprise — nessun piano gratuito. Consumo misurato a parte con allowance settimanali per utente.

6. Sintesi comparativa

Controllo manuale

Agente che scrive

Output non-web

Maturità

Piano gratuito

Figma

massimo

no (sola lettura)

ottimo

altissima

limitato

Paper

alto

sì, pieno

debole

alpha

Claude Design

mediato dalla chat

è tutto agente

ottimo (deck, marketing)

preview

no

Non sono tre versioni della stessa cosa: sono tre filosofie diverse. La differenza sta in chi tiene il timone. In Figma disegni tu. In Claude Design descrivi e Claude produce. In Paper disegni tu, ma l'agente può mettere le mani nello stesso documento.

7. Quando ha senso per un flusso editoriale

Paper ha senso sul filone web: template Ghost, landing page, pagine della testata. Elimina il passaggio "disegno bello → qualcuno lo ricostruisce in codice".

Non ha senso per slide, cover, post social e materiali didattici: lì l'output finale non è una pagina web, e la canvas HTML diventa un vincolo invece che un vantaggio. Per quelli restano più diretti i flussi consolidati (skill di presentazione, Canva, Adobe) oppure Claude Design quando serve andare veloce e poi rifinire.

Nota di rischio. "In produzione da Vercel" e "in produzione da una redazione piccola" sono due contesti molto diversi. Vercel e Tailwind Labs hanno team che possono assorbire i bug di un alpha. Conviene testarlo su un progetto laterale prima di metterci dentro qualcosa che deve uscire con una scadenza.

Fonti

  • Paper docs — documentazione, sezione MCP su /docs/mcp