MCP, Model Context Protocol, on avoin standardi, jonka avulla tekoälyagentit voivat muodostaa yhteyden tietolähteisiin ja työkaluihin. Suunnittelijoille se tarkoittaa, että tekoälykoodaustyökalu voi lukea suunnittelutiedoston suoraan sen sijaan, että se arvaisi kuvakaappauksesta, ja joissain tapauksissa luoda tai muuttaa itse mallia.
Figma:ssä on MCP-palvelin, joka antaa tekoälyagenteille suunnittelukontekstin, kuten muuttujat, komponentit ja asettelun, jotta he voivat luoda koodia valituista kehyksistä. Se voi myös kirjoittaa alkuperäistä Figma-sisältöä takaisin kankaalle; Figma kuvailee ominaisuutta ilmaiseksi sen betavaiheen aikana ja siitä on tarkoitus tulla käyttöpohjainen. Figma:n ohjekeskuksen mukaan MCP-palvelin on saatavilla Starter-, Professional-, Education-, Organisation-, Government- ja Enterprise-suunnitelmissa.
Penpot:llä on ilmainen ja avoin MCP-palvelin. Penpot kuvaa sen toimivan minkä tahansa MCP-asiakkaan ja mallin kanssa, mukaan lukien Claude, Cursor, Visual Studio Code ja OpenAI Codex, ja tiimit voivat ottaa sen käyttöön omilla palvelimillaan pitääkseen suunnittelutiedot yksityisinä.
Valmistamamme ExodeUI sisältää MCP-palvelimen interaktiivista käyttöliittymää ja animaatioita varten. Claude Code, Cursor ja muut tekoälyn koodaustyökalut voivat luoda ja muokata animaatioita, mukaan lukien tiloja, kevään fysiikkaa, syötteitä ja tapahtumia, selkokielisten kehotteiden avulla. Tuloksena on avoin .exode-tiedosto, jota ajonaikaiset paketit toistavat muodoissa React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ja Flutter.
Muut työkalut lisäävät MCP-tuen nopeasti, joten tarkista kunkin toimittajan asiakirjat ennen valintaa. Esimerkiksi Icons8 tarjoaa MCP-palvelimen kuvake- ja kuvakirjastolleen, joka on hyödyllinen Lunacy-suunnittelusovelluksen rinnalla, mutta ei muokkaa Lunacy-tiedostoja.