Разработчик выпустил плагин для интеграции Cursor в Figma
UX-инженер Сонни Лазуарди выпустил плагин для интеграции Cursor в Figma. С его помощью можно использовать языковую модель для генерации макетов.
Плагин построен на базе протокола Model Context Protocol (MCP). Он связывает приложение с языковой моделью и позволяет ей вносить изменения в локальные файлы на устройстве пользователя.
Автор проекта показал, что с помощью плагина сгенерировал макет экрана авторизации. Для этого он использовал запрос design a modern looking login mobile screen
.
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. При этом сам проект больше похож на концепт, поэтому процесс установки может показаться сложным для людей, которые не работают с кодом.
Написать комментарий