Фото до статті
Андрій Савчук
Автор новин
Компанія Anthropic розширила можливості свого інструмента для розробників: відтепер Claude Code здатний створювати UI-макети, слайди для презентацій та анімаційні елементи, не вимагаючи використання додаткових дизайнерських програм. Весь процес, починаючи з першої ідеї до фінального коду, відбувається в єдиному середовищі — терміналі або настільному застосунку, як повідомляє The Decoder.
Принцип роботи досить простий: розробник описує завдання словами, наприклад, просить представити декілька варіантів оформлення нової кнопки або екрана. У відповідь Claude миттєво генерує низку альтернативних макетів у форматі Artifacts. Далі користувачеві залишається лише вибрати найбільш вдалий варіант, за потреби внести корективи в деталі — і попросити модель трансформувати вибраний дизайн у функціонуючий код.
Особлива перевага цього рішення полягає в здатності моделі аналізувати вже існуючі проєкти. Claude Code самостійно вивчає структуру наявної кодової бази, розпізнає основний візуальний стиль інтерфейсу і під час створення нових елементів автоматично адаптується до нього, включаючи підбір відповідних анімацій та стилів. Про це в коментарі повідомив розробник Anthropic Нейт Парротт.
Офіційне представлення від команди Claude
Функцію команда представила у соціальній мережі X, назвавши її новим інструментом /design, який наразі перебуває у статусі дослідного попереднього перегляду (research preview). За словами розробників, ця команда переносить у CLI-інтерфейс та десктопний застосунок логіку роботи з так званими artboards (робочими областями) — той самий підхід, що раніше застосовувався в окремому продукті Claude Design, тепер побудований поверх системи Artifacts.
Походження технології: спадщина Claude Design
Функціонал редактора макетів не є абсолютно новою розробкою. Він був перенесений з окремого сервісу Claude Design, який Anthropic випустила навесні 2026 року для створення прототипів вебсайтів, додатків, презентацій та анімаційних роликів.
https://cdn.highload.tech/uploads/2026/08/ssstwitter.com_1787143627937.mp4
Зв’язок між двома продуктами існував і раніше: команда /design-sync вже дозволяла переносити готову дизайн-систему з Claude Design у репозиторій проєкту. Відмінність полягає в тому, що до цього часу сам процес створення макета відбувався окремо від середовища розробки. Тепер цей етап вдалося інтегрувати безпосередньо в Claude Code — щоправда, поки що збереження готового дизайну здійснюється вручну, автоматизації цього кроку компанія ще не впровадила.
Хто вже може скористатися нововведенням
Доступ до функції наразі надається користувачам платних підписок — Pro, Max, Team та Enterprise. Оскільки можливість перебуває на стадії дослідницького попереднього перегляду, для її активації необхідно оновити застосунок командою: claude update
Нагадаємо, нещодавно творець Claude Code поділився 7 практичними рекомендаціями для роботи з промптами.
Головна > Новини > Claude Code навчився створювати UI-макети та анімацію прямо в терміналі