A MCP, a Model Context Protocol egy nyílt szabvány, amely lehetővé teszi az AI-ügynökök számára, hogy csatlakozzanak adatforrásokhoz és eszközökhöz. A tervezők számára ez azt jelenti, hogy egy mesterséges intelligencia kódoló eszköz képes közvetlenül beolvasni a tervfájlt, ahelyett, hogy a képernyőképből kitalálná, és bizonyos esetekben magát a tervet is létrehozhatja vagy módosíthatja.
A Figma rendelkezik egy MCP szerverrel, amely az AI-ügynökök tervezési kontextusát adja meg, például változókat, összetevőket és elrendezést, így kódot generálhatnak a kiválasztott keretekből. A natív Figma tartalmat is vissza tudja írni a vászonra; A Figma azt írja le, hogy ez a funkció a béta alatt ingyenes, és a tervek szerint használati alapúvá válik. A Figma súgója szerint a MCP szerver Starter, Professional, Education, Organisation, Government és Enterprise csomagokban érhető el.
A Penpot ingyenes és nyitott MCP szerverrel rendelkezik. A Penpot leírása szerint bármely MCP klienssel és modellel működik, beleértve a Claude, Cursor, Visual Studio Code és OpenAI Codex-et, és a csapatok telepíthetik saját szervereikre, hogy a tervezési adatok titkosak legyenek.
Az általunk gyártott ExodeUI MCP szerverrel rendelkezik az interaktív felhasználói felülethez és az animációhoz. A Claude Code, Cursor és más mesterséges intelligencia kódoló eszközök egyszerű nyelvű promptokból animációkat hozhatnak létre és szerkeszthetnek, beleértve az állapotokat, a rugófizikát, a bemeneteket és az eseményeket. Az eredmény egy nyitott .exode fájl, amelyet a futásidejű csomagok a React, Vue, Svelte, Angular, Solid, React Native, SwiftUI és Flutter fájlokban játszanak le.
Más eszközök gyorsan hozzáadják a MCP támogatást, ezért a választás előtt ellenőrizze az egyes szállítók dokumentumait. Az Icons8 például egy MCP szervert kínál ikon- és illusztrációs könyvtárához, amely hasznos a Lunacy tervezőalkalmazása mellett, de nem szerkeszti a Lunacy fájlokat.