Alternative a Figma per designer che consegnano in HTML
La maggior parte delle alternative a Figma copia il canvas. Poche cambiano il materiale di cui è fatto. Ecco come si confrontano le opzioni principali se i tuoi design diventano siti web.
Perché si cerca un'alternativa a Figma
I motivi che sentiamo più spesso sono semplici: una licenza open source, file da tenere sul proprio computer, un piano gratuito senza limiti che contano, o un flusso di lavoro più vicino al codice.
L'ultimo è il motivo per cui esiste questo articolo. Nella maggior parte degli strumenti di design, il canvas è un disegno vettoriale. Un browser non lo vede mai. Qualcuno deve comunque ricostruire ogni frame in HTML e CSS, e sistemare ciò che si è perso per strada.
In breve
| Strumento | Open source | Come progetti | Agenti e MCP | Dove stanno i file |
|---|---|---|---|---|
| Figma | No | Canvas vettoriale | Server MCP, scrittura sul canvas in beta | Il cloud di Figma |
| Penpot | Sì | Canvas con layout CSS Flex e Grid | Server MCP aperto | Cloud Penpot o self-hosted |
| Paper | Nessuna licenza pubblicata | Canvas in HTML e CSS | MCP, 100 chiamate di tool a settimana nel piano gratuito | Workspace Paper, app web e desktop |
| OpenDesign | Sì, Apache-2.0 | Prima il prompt, un agente scrive prototipi HTML | Funziona con gli agenti di coding | Cartella locale |
| Kalka | Sì, MIT | Canvas in stile Figma, ogni livello è HTML | MCP locale integrato, nessun limite d'uso | Cartella locale, Git |
Penpot
Penpot è l'alternativa open source più conosciuta. Gira nel browser, puoi ospitarlo sul tuo server e il piano gratuito include file e postazioni illimitati. I layout seguono CSS Flex e Grid, e la scheda Inspect fornisce codice in SVG, CSS e HTML. Offre anche un server MCP aperto, e puoi importare i file Figma tramite il Penpot Exporter.
Sceglilo se vuoi uno strumento maturo e open source che tutto il team possa usare oggi, con self-hosting.
Paper
Paper è l'idea più vicina a Kalka: il canvas è HTML e CSS, e gli agenti lo leggono e ci scrivono tramite MCP. Ha app web e desktop, sincronizza token e componenti con una codebase ed esporta HTML e CSS. Il piano gratuito include 100 chiamate di tool MCP a settimana. Pro costa $16 per editor al mese con fatturazione annuale ($20 mensili) e porta il limite a un milione.
Sceglilo se vuoi un canvas HTML adesso, con un team finanziato alle spalle, e ti va bene uno strumento proprietario e hosted.
OpenDesign
OpenDesign è open source (Apache-2.0) e funziona in modo diverso: scegli un design system, descrivi le tue schermate e un agente di coding come Claude Code, Codex o Cursor scrive un prototipo HTML. Poi puoi spostare, ridimensionare e ricolorare gli elementi. I progetti sono file HTML e CSS in una cartella locale. L'app desktop è gratuita con la tua chiave API, e i piani a pagamento aggiungono crediti per modelli hosted.
Sceglilo se preferisci partire da un prompt invece che da un canvas vuoto.
Kalka
Kalka è lo strumento che stiamo costruendo. Mantiene l'interfaccia che conosci da Figma, ma ogni frame, livello e ombra sul canvas è un vero elemento HTML con vero CSS, impaginato dal browser. Il tuo progetto è una semplice cartella che puoi aprire in qualsiasi editor di codice e versionare con Git. Un server MCP integrato permette a qualsiasi agente di leggere e disegnare sul canvas, in locale, senza limiti d'uso. Puoi portare con te il tuo lavoro: Kalka importa file .fig e .pen.
Kalka è in sviluppo ed è open source con licenza MIT. Condividiamo ogni passo su X mentre lo costruiamo.
Sceglilo se vuoi progettare a mano, come fai già, e saltare la ricostruzione in codice.
Come scegliere
- Ti serve qualcosa di stabile oggi, open source: Penpot.
- Vuoi un canvas HTML oggi e non ti serve l'open source: Paper.
- Preferisci scrivere prompt piuttosto che disegnare: OpenDesign.
- Vuoi le abitudini di Figma, vero HTML sotto e file tuoi: iscriviti alla lista d'attesa di Kalka.