MCP, протоколът за контекст на модела, е отворен стандарт, който позволява на AI агентите да се свързват с източници на данни и инструменти. За дизайнерите това означава, че инструментът за кодиране с изкуствен интелект може да чете директно файл с дизайн, вместо да гадае от екранна снимка, и в някои случаи да създава или променя самия дизайн.
Figma има MCP сървър, който дава на AI агентите контекст за проектиране, като променливи, компоненти и оформление, така че те да могат да генерират код от избрани рамки. Той може също така да записва собствено Figma съдържание обратно на платното; Figma описва тази функция като безплатна по време на нейната бета версия и е планирана да стане базирана на използването. Според центъра за помощ на Figma сървърът MCP е наличен в планове за начинаещи, професионални, образователни, организационни, правителствени и корпоративни.
Penpot има безплатен и отворен MCP сървър. Penpot го описва като работещ с всеки MCP клиент и модел, включително Claude, Cursor, Visual Studio Code и OpenAI Codex, и екипите могат да го разположат на собствените си сървъри, за да запазят данните за дизайна поверителни.
ExodeUI, който произвеждаме, има MCP сървър за интерактивен потребителски интерфейс и анимация. Claude Code, Cursor и други инструменти за кодиране с изкуствен интелект могат да създават и редактират анимации, включително състояния, пролетна физика, входове и събития, от подкани на обикновен език. Резултатът е отворен .exode файл, който пакетите за изпълнение се възпроизвеждат в React, Vue, Svelte, Angular, Solid, React Native, SwiftUI и Flutter.
Други инструменти бързо добавят поддръжка на MCP, така че проверете документите на всеки доставчик, преди да изберете. Icons8, например, предлага MCP сървър за своята библиотека с икони и илюстрации, което е полезно заедно с приложението за дизайн Lunacy, но не редактира Lunacy файлове.