MCP, протокол контекста модели, представляет собой открытый стандарт, который позволяет агентам ИИ подключаться к источникам данных и инструментам. Для дизайнеров это означает, что инструмент кодирования AI может читать файл дизайна напрямую, а не гадать по скриншоту, а в некоторых случаях создавать или изменять дизайн самостоятельно.
Figma имеет сервер MCP, который предоставляет агентам ИИ контекст проектирования, такой как переменные, компоненты и макет, чтобы они могли генерировать код из выбранных кадров. Он также может записывать собственный контент Figma обратно на холст; Figma описывает эту функцию как бесплатную во время бета-тестирования и планируется, что она будет основана на использовании. По данным справочного центра Figma, сервер MCP доступен в планах Starter, Professional, Education, Organization, Government и Enterprise.
Penpot имеет бесплатный и открытый сервер MCP. Penpot описывает его как работу с любым клиентом и моделью MCP, включая Claude, Cursor, Visual Studio Code и OpenAI Codex, и команды могут развернуть его на своих собственных серверах, чтобы сохранить конфиденциальность проектных данных.
ExodeUI, который мы делаем, имеет сервер MCP для интерактивного пользовательского интерфейса и анимации. Claude Code, Cursor и другие инструменты кодирования AI могут создавать и редактировать анимацию, включая состояния, физику пружин, входные данные и события, с помощью подсказок, написанных простым языком. В результате получается открытый файл .exode, который пакеты времени выполнения воспроизводят в React, Vue, Svelte, Angular, Solid, React Native, SwiftUI и Flutter.
Другие инструменты быстро добавляют поддержку MCP, поэтому перед выбором проверьте документацию каждого поставщика. Icons8, например, предлагает сервер MCP для своей библиотеки значков и иллюстраций, которая полезна вместе с приложением для дизайна Lunacy, но не редактирует файлы Lunacy.