Channel Hworknet Community - @hworknet_community_channel - №595
Cursor AI представив новий плагін для FigmaCursor 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
143
25-04-29 12:44