Фото до статті
Андрій Савчук
Автор новин
Корпорація Anthropic вдосконалила інструментарій свого помічника для розробників: тепер Claude Code здатний генерувати інтерфейсні макети, слайди для презентацій та елементи анімації без потреби звертатися до зовнішніх дизайнерських програм. Уся послідовність дій — від початкового нарису до фінального коду — здійснюється в єдиному середовищі: чи то термінал, чи то настільний додаток, як повідомляє 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-макети та анімацію прямо в терміналі