Claude Design 大改版: дизайн-система імпортована, двостороння інтеграція Code і покращення витрат токенів

Anthropic 於 6 月 18 日 оголосила про масштабне оновлення Claude Design, ключові переваги якого включають підтримку імпорту з GitHub-репозиторіїв, файлів дизайну або оригінальних матеріалів у дизайн-систему; двонапрямну інтеграцію з Claude Code; а також двоетапне покращення для проблеми споживання Token. Паралельно розширено 9 партнерів для експорту, зокрема Adobe, Base44 та ін.

Імпорт дизайн-систем: імпорт із GitHub-репозиторіїв і закріплення вимог бренду

Ключове оновлення цього релізу — перероблена функція імпорту дизайн-системи. Тепер користувачі можуть завантажувати дизайн-систему з GitHub-репозиторію, файлів дизайну або оригінальних матеріалів; після імпорту Claude використовує ці компоненти як основу для створення, а перед виведенням автоматично звіряє результат із правилами дизайн-системи та вносить корекції, тож користувачі не бачитимуть версії до виправлень.

Додана в новій версії роль адміністратора дає змогу затверджувати одну стандартну дизайн-систему й фіксувати права на редагування, щоб кожен створений Claude елемент відповідав візуальним вимогам компанії. Це відрізняє оновлення від початкової концепції: у первинній версії Claude Design більше схожий на «чисте полотно», а вивід відображав естетичні рішення Claude; після оновлення ж можна генерувати відповідно до вимог бренду, що підходить для великих підприємств із суворими бренд-гайдами.

Двонапрямна інтеграція Claude Code: пояснення можливостей для /design-sync і /design

Двонапрямна інтеграція Claude Design і Claude Code — це друге велике оновлення:

· У Claude Code введіть команду /design-sync, щоб імпортувати дизайн-систему з локального коду в Claude Design; після завершення дизайну одним натисканням передайте роботу до Claude Code, щоб перейти до етапу розробки — без скріншотів або відновлення.

· У зворотному напрямку: у терміналі Claude Code введіть команду /design, і розробники можуть напряму створювати, редагувати та синхронізувати дизайн-проєкти, не виходячи за межі робочого процесу.

У статті зазначено, що узгодження між дизайном і інженерією — один із найупертіших тертьових моментів у сфері розробки ПЗ десятиліттями. Такі інструменти як Figma Dev Mode, Zeplin намагалися зменшити розрив, створюючи специфікації та фрагменти коду з дизайн-макетів, але під час трансляції завжди є втрати. Ставка Anthropic така: якщо той самий AI-системі одночасно працює і з дизайном, і з кодом, та якщо вони використовують спільну бібліотеку компонентів, цей розрив можна усунути.

Двоетапний план покращення споживання Token

Покращення споживання Token в Anthropic поділяються на два рівні:

Спільний пул лімітів: Claude Design тепер має ліміт використання, який спільний із діалогами, Claude Cowork і Claude Code, а не списується з окремого меншого пулу, тож більшість користувачів отримують більше «запасу».

Підвищення ефективності кожної генерації: Anthropic стверджує, що знизила середнє споживання Token на кожну генерацію, зберігаючи якість виводу; новий редактор дозволяє користувачам напряму перетягувати, налаштовувати та вирівнювати окремі елементи, не витрачаючи Token на кожне дрібне коригування через виконання логічних обчислень моделі; а також сотні виправлень стабільності зменшують марнування Token через помилки та повторні генерації.

Стаття також зазначає, що структурна суперечність лишається: генеративний дизайн потребує, щоб Claude одночасно прорахував компонування, верстку, кольори, відступи, адаптивність і контент, щоб створити повноцінний, працездатний результат. Це значно більший обсяг роботи, ніж діалоги з запитаннями-відповідями. Для великих клієнтів із Team і Enterprise вплив менший, але для користувачів Pro ця проблема все ще існує.

Поширені питання

Функція імпорту дизайн-систем для яких користувачів найцінніша?

Згідно зі статтею, імпорт дизайн-систем найбільш стратегічно важливий для великих підприємств — організацій, які мають суворі бренд-гайди й мають гарантувати, що кожен вивід Claude відповідає візуальним стандартам компанії. Первинне позиціонування Claude Design як «чистого полотна» підходить для індивідуальних користувачів або стартапів, але для великого підприємства з 200 сторінками бренд-нормативів це просто неприйнятно.

Чи потрібна додаткова підписка для двонапрямної інтеграції Claude Code?

У статті не розкривається, чи потрібна додаткова підписка; лише зазначено, що інтеграція реалізується через команди /design-sync і /design. Конкретне ціноутворення та вимоги до підписки слід уточнювати в офіційних оголошеннях Anthropic.

Яку роль Claude Design відіграє в робочому процесі серед 9 партнерів з експорту?

Згідно зі статтею та формулюваннями самих партнерів, Claude Design позиціонується як «креативний хаб», а не кінцева точка — це старт робочого процесу дизайну, тоді як Adobe, Canva, Vercel та інші партнери відповідають за подальше доведення, співпрацю та розгортання. Віцепрезидентка/генеральний директор Replit Michele Catasta описує це як «прийняти будівничих у момент зародження творчості», а Andrew Qu із Vercel говорить про «безпосередній запуск концепції в Vercel».