🏳️‍🌈 Figma + AI: 3 MCP-сервери - як вибрати? Дісклеймер Чули про MCP, але не розумієте що це? MCP (Model Context Protocol) - міст між AI-тулом (Claude, Cursor, VS Code) і Figma-файлом в нашому випадку. Замість того щоб скріншотити макет і кидати в AI - він отримує реальні дані: шари, змінні, відступи, назви компонентів. І одразу генерує. 3 основні MCP-сервери: 1. Figma Dev Mode MCP (офіційний) - Платний (потрібен Dev seat) - Тільки читання: Figma → Код - Виділяєш фрейм — отримуєш код (React + Tailwind за замовчуванням) • ⚡ Найшвидший старт для розробки на платному плані 2. Console MCP (від Southleft) - Безкоштовний, open source - Читання + запис: Figma ↔ Код - Єдиний на сьогодні, який може змінювати файл Figma - 57+ інструментів, бачить весь проєкт цілком - 🔥 Ідеально для дизайн-систем і масових оновлень токенів 3. Framelink MCP (від GLips) - Безкоштовний, open source - Тільки читання: Figma → Код - Без прив'язки до фреймворку — AI сам вирішує, як реалізувати - 🌿 Ок для фрілансерів і тих, хто не на React Можна використовувати всі три одночасно - вони доповнюють одне одного. Важливо пам'ятати: MCP — це не "натиснув - готово". AI дає 50–70% результату, далі вам допрацьовувати. Чим чистіший ваш Figma-файл - тим кращий результат. Правильні назви шарів, компоненти, auto layout — все це має значення.