MCP, protokół kontekstowy modelu, to otwarty standard, który umożliwia agentom AI łączenie się ze źródłami danych i narzędziami. Dla projektantów oznacza to, że narzędzie do kodowania AI może bezpośrednio odczytać plik projektu zamiast zgadywać na podstawie zrzutu ekranu, a w niektórych przypadkach stworzyć lub zmienić sam projekt.
Figma posiada serwer MCP, który zapewnia agentom AI kontekst projektowy, taki jak zmienne, komponenty i układ, dzięki czemu mogą generować kod z wybranych ramek. Może także zapisywać natywną zawartość Figma z powrotem na płótnie; Figma opisuje tę funkcję jako bezpłatną w fazie beta i ma stać się oparta na użytkowaniu. Według centrum pomocy Figma, serwer MCP jest dostępny w planach Starter, Professional, Education, Organisation, Government i Enterprise.
Penpot ma darmowy i otwarty serwer MCP. Penpot opisuje to jako współpracujące z dowolnym klientem i modelem MCP, w tym Claude, Cursor, Visual Studio Code i OpenAI Codex, a zespoły mogą wdrożyć je na własnych serwerach, aby zachować prywatność danych projektowych.
ExodeUI, który wykonujemy, posiada serwer MCP do interaktywnego interfejsu użytkownika i animacji. Claude Code, Cursor i inne narzędzia do kodowania AI mogą tworzyć i edytować animacje, w tym stany, fizykę sprężyn, dane wejściowe i zdarzenia, z poziomu podpowiedzi w prostym języku. Rezultatem jest otwarty plik .exode, który pakiety wykonawcze odtwarzają w React, Vue, Svelte, Angular, Solid, React Native, SwiftUI i Flutter.
Inne narzędzia szybko dodają obsługę MCP, dlatego przed dokonaniem wyboru sprawdź dokumentację każdego dostawcy. Icons8 oferuje na przykład serwer MCP dla swojej biblioteki ikon i ilustracji, która jest użyteczna wraz z aplikacją do projektowania Lunacy, ale nie edytuje plików Lunacy.