Un server MCP per il design in cui il canvas è HTML
Gli strumenti di design oggi aprono le porte agli agenti AI tramite MCP. Quello che l'agente può fare dipende dal materiale di cui è fatto il canvas. Quando è HTML, l'agente scrive la pagina stessa.
Cosa fa un server MCP per uno strumento di design
MCP, il Model Context Protocol, è un modo standard con cui un agente AI usa gli strumenti di un'altra app. Uno strumento di design che esegue un server MCP permette al tuo agente di leggere un file, modificarlo o trasformarlo in codice, dal tuo editor di codice o dalla tua app di chat.
Come funziona il server MCP di Figma
Secondo il centro assistenza di Figma, il suo server MCP fornisce agli agenti il contesto del design, le variabili, i componenti e i dati di layout, e può generare codice dai frame selezionati. Gli agenti possono anche creare e modificare contenuti Figma nativi, tramite il server remoto. Questo accesso in scrittura è gratuito durante la beta, e Figma dice che diventerà una funzione a pagamento in base all'uso.
Il server remoto è disponibile su tutti i piani. Il server desktop richiede una postazione Dev o Full su un piano a pagamento.
Il punto chiave: l'agente lavora su un design vettoriale. Ricavarne una pagina web resta un passaggio di traduzione.
Cosa cambia quando il canvas è HTML
In Kalka ogni livello è un elemento HTML e ogni stile è CSS. Quindi l'agente non descrive un design che qualcuno dovrà ricostruire. Scrive la pagina, e tu la vedi sul canvas, come livelli che puoi selezionare e modificare a mano.
Tre cose che lo rendono diverso
- Locale, nessun limite d'uso. Il server gira con l'app desktop sul tuo computer. Nessuna quota di chiamate, nessun account richiesto.
- Qualsiasi agente. Se il tuo agente parla MCP, può lavorare in Kalka. Non sei legato a un solo modello.
- Niente da convertire. Quello che scrive l'agente è quello che va online: HTML e CSS in una cartella tua.
Un esempio
Tu chiedi: "Aggiungi una sezione prezzi con tre piani, stesso stile della hero." L'agente legge la pagina con get_tree, scrive una section.pricing con write_html, la controlla con get_screenshot, poi tu sistemi a mano un raggio e un colore nel pannello design. Nessuna esportazione, nessun passaggio di consegne.
Kalka è in sviluppo ed è open source. L'elenco dei tool qui sopra viene dalla nostra specifica di prodotto e potrebbe cambiare prima del rilascio.