- BrainTools - https://www.braintools.ru -

Разработчик выпустил плагин для интеграции Cursor в Figma

UX-инженер Сонни Лазуарди (Sonny Lazuardi) выпустил [1] плагин для интеграции Cursor в Figma. С его помощью можно использовать языковую модель для генерации макетов.

Плагин построен на базе протокола Model Context Protocol [2] (MCP). Он связывает приложение с языковой моделью и позволяет ей вносить изменения в локальные файлы на устройстве пользователя.

Автор проекта показал, что с помощью плагина сгенерировал макет экрана авторизации. Для этого он использовал запрос design a modern looking login mobile screen.

Разработчик выпустил плагин для интеграции Cursor в Figma - 1

MCP-сервер предоставляет следующий функции для взаимодействия с Figma:

  • get_document_info — получает информацию о текущем документе;

  • get_selection — получает информацию о выбранном элементе;

  • get_node_info — получает информацию о ноде;

  • create_rectangle — создаёт новый прямоугольник с определённым размером, расположением и названием;

  • create_frame — создаёт новый фрейм с определённым размером, расположением и названием;

  • create_text — создаёт блок текста с определённым размером, расположением и названием;

  • set_fill_color — устанавливает цвет заливки в формате RGBA;

  • set_stroke_color — устанавливает стиль обводки;

  • set_corner_radius — устанавливает радиус угла;

  • move_node — перемещает ноду;

  • resize_node — изменяет размер ноды;

  • delete_node — удаляет ноду;

  • get_styles — получает данные о стилях;

  • get_local_components — получает информацию о локальных компонентах;

  • get_team_components — получает информацию о командных компонентах;

  • create_component_instance — создаёт экземпляр компонента;

  • export_node_as_image — экспортирует ноду в форматах PNG, JPG, SVG или PDF.

  • execute_figma_code — выполняет произвольный JavaScript-код в Figma.

  • join_channel — подключается к каналу для связи с Figma.

Код проекта открыт и содержит в себе всё необходимое для установки и работы с Figma, включая сам плагин, серверы MCP и WebSocket. При этом сам проект больше похож на концепт, поэтому процесс установки может показаться сложным для людей, которые не работают с кодом.

Автор: daniilshat

Источник [3]


Сайт-источник BrainTools: https://www.braintools.ru

Путь до страницы источника: https://www.braintools.ru/article/13326

URLs in this post:

[1] выпустил: https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp

[2] Model Context Protocol: https://docs.cursor.com/context/model-context-protocol

[3] Источник: https://habr.com/ru/news/892522/?utm_source=habrahabr&utm_medium=rss&utm_campaign=892522

www.BrainTools.ru

Рейтинг@Mail.ru
Rambler's Top100