MCP, Modelul Context Protocol, este un standard deschis care permite agenților AI să se conecteze la surse de date și instrumente. Pentru designeri, înseamnă că un instrument de codare AI poate citi un fișier de design direct în loc să ghicească dintr-o captură de ecran și, în unele cazuri, poate crea sau modifica designul în sine.
Figma are un server MCP care oferă agenților AI context de proiectare, cum ar fi variabile, componente și aspect, astfel încât aceștia să poată genera cod din cadrele selectate. De asemenea, poate scrie conținut nativ Figma înapoi pe pânză; Figma descrie această funcție ca fiind gratuită în perioada beta și intenționează să devină bazată pe utilizare. Conform centrului de ajutor al lui Figma, serverul MCP este disponibil pe planurile Starter, Professional, Education, Organization, Government and Enterprise.
Penpot are un server MCP gratuit și deschis. Penpot îl descrie ca lucrând cu orice client și model MCP, inclusiv Claude, Cursor, Visual Studio Code și OpenAI Codex, iar echipele îl pot implementa pe propriile servere pentru a păstra datele de design private.
ExodeUI, pe care îl facem, are un server MCP pentru interfață interactivă și animație. Claude Code, Cursor și alte instrumente de codare AI pot crea și edita animații, inclusiv stări, fizica primăverii, intrări și evenimente, din instrucțiuni în limbaj simplu. Rezultatul este un fișier .exode deschis pe care pachetele de rulare sunt redate în React, Vue, Svelte, Angular, Solid, React Native, SwiftUI și Flutter.
Alte instrumente adaugă rapid suport pentru MCP, așa că verificați documentele fiecărui furnizor înainte de a alege. Icons8, de exemplu, oferă un server MCP pentru biblioteca sa de pictograme și ilustrații, care este util alături de aplicația de design Lunacy, dar nu editează fișierele Lunacy.