MCP за дизайнери: Свързване на Figma, токени и код към Claude и Cursor

Какво е MCP, с прости думи

Официалната документация на MCP го описва като стандарт с отворен код за свързване на AI приложения към външни системи, като файлове, бази данни и инструменти. Един от собствените примери е Claude Code, генериращ цяло уеб приложение от Figma дизайн. За един дизайнер важната част е следната: изкуственият интелект вече не трябва да гадае как изглежда вашият дизайн. Може да поиска директно инструмента за проектиране.

Инструменти за проектиране със сървъри MCP днес

Към октомври 2026 г.:

• Figma: MCP сървър, който дава на агентите контекст за проектиране (променливи, компоненти, оформление) за генериране на код и може да записва собствено съдържание обратно в платното. Figma го изброява в начални и платени планове; писането на платно е безплатно по време на бета версията.
• Penpot: безплатен, отворен MCP сървър, който работи с всеки MCP клиент, включително Claude, Cursor, VS Code и OpenAI Codex, и може да бъде самостоятелно хостван.
• ExodeUI (ние го правим): MCP сървър, който позволява на инструментите за кодиране на AI да създават и редактират интерактивни анимации със състояния и пролетна физика.
• Дизайн на токени: ако вашите токени живеят в хранилище като JSON, инструмент за кодиране с изкуствен интелект вече може да ги чете като файлове; специален сървър е необходим само за токени, съхранявани в инструмент.

Как дизайнерите всъщност го използват

Най-често срещаните работни процеси са по-скоро практични, отколкото магически. Разработчиците избират рамка и искат AI да я внедри със съществуващата библиотека с компоненти. Дизайнерите искат от AI да провери дали кодираният екран съответства на разликите в дизайна и списъка. Екипите искат от AI да актуализира токените на компонент в кодовата база. И все по-често дизайнерите използват AI, за да изготвят варианти директно върху платното, след което да ги прецизират на ръка.

Свързване на сървър

Claude Code добавя сървъри с командата claude mcp add или чрез .mcp.json файл в проекта и поддържа отдалечени HTTP сървъри, както и локални. Cursor управлява MCP сървъри в своите настройки и поддържа локални (stdio) и отдалечени сървъри. Отдалечените сървъри обикновено ви молят да влезете веднъж с OAuth. Всеки доставчик документира точната команда или URL за своя сървър.

За какво да внимавате

MCP дава реален достъп на AI инструментите, така че третирайте го като всяка интеграция:

• Разрешения: агент, който може да пише в платното или хранилището, също може да прави грешки. Използвайте хронологията на версиите и прегледайте промените.
• Поверителност: проверете къде отиват проектните данни и дали вашият план го позволява.
• Цена: някои функции за запис са безплатни в бета версия и се планира да станат базирани на употребата.
• Качество: Изходът на AI следва вашата система за проектиране само ако системата е добре структурирана, с наименувани компоненти и токени.