Cursor AI представив новий плагін для Figma

Cursor AI представила нову інтеграцію з Figma — Cursor Talk to Figma MCP, побудовану на протоколі MCP (Model Context Protocol). Завдяки цій технології Cursor AI може програмно читати, змінювати та створювати дизайн у Figma. Інструмент дає дизайнерам можливість автоматизувати багато рутинних завдань, працювати з файлами Figma за допомогою штучного інтелекту та прискорювати процес розробки дизайну.Основні компоненти інтеграції: • MCP сервер — сервер на TypeScript, що керує взаємодією Cursor AI з Figma.• Figma плагін — надсилає команди Cursor AI безпосередньо у відкритий документ у Figma.• WebSocket сервер — забезпечує миттєвий обмін даними між MCP сервером і плагіном.Як працює інструмент:

Після встановлення плагіна та запуску сервера користувач отримує доступ до інструментів для роботи з об'єктами дизайну:Робота з документами: • get_document_info — перегляд даних про поточний файл.• get_selection — інформація про вибрані об'єкти.• get_node_info — деталі про окремі елементи.Створення елементів: • create_rectangle — малювання прямокутників.• create_frame — створення фреймів.• create_text — додавання текстових блоків.Оформлення: • set_fill_color — зміна кольору заливки.• 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 (застосовувати обережно).Як почати роботу:

Щоб швидко запустити інтеграцію, потрібно встановити Bun, підключити MCP сервер у Cursor і активувати плагін у Figma.Рекомендації: • Завжди використовуйте join_channel для підключення.• Перед змінами перевіряйте стан документа (get_document_info) і вибраних об'єктів (get_selection).• Використовуйте стандартні компоненти для збереження єдності стилю. Проєкт є відкритим і розповсюджується за ліцензією MIT. Нова інтеграція Cursor і Figma — це крок до автоматизації дизайну, що робить роботу дизайнерів набагато ефективнішою.#️⃣ #ai / @hworknet_community