Зображення до публікації
Андрій Савчук
Редактор новин
Компанія Anthropic значно розширила можливості свого інструменту для розробників: тепер Claude Code може створювати UI-макети, слайди для презентацій та елементи анімації, не вимагаючи переходу до сторонніх програм для дизайну. Весь процес, від початкового начерку до готового коду, відбувається в одному середовищі — терміналі або десктопній програмі, як повідомляє The Decoder.
Принцип роботи простий: розробник описує завдання словами, наприклад, запитує кілька варіантів дизайну нової кнопки чи екрана. У відповідь Claude негайно генерує набір альтернативних макетів у форматі Artifacts. Після цього користувачеві залишається лише вибрати найкращий варіант, за потреби внести корективи, і попросити модель трансформувати обраний дизайн у функціональний код.
Особлива перевага цього рішення полягає в здатності моделі аналізувати вже наявні проєкти. Claude Code самостійно вивчає структуру існуючої кодової бази, визначає переважаючий візуальний стиль інтерфейсу і при створенні нових компонентів автоматично адаптується до нього, включаючи підбір відповідних анімацій та оформлення. Про це повідомив розробник Anthropic Нейт Парротт.
Офіційне оголошення від команди Claude
Команда представила цю функцію в соціальній мережі X, назвавши її новим інструментом /design, який наразі знаходиться у статусі дослідницького попереднього перегляду (research preview). За словами розробників, цей інструмент переносить логіку роботи з так званими artboards (робочими областями) в CLI-інтерфейс та десктопний застосунок. Цей підхід, що раніше використовувався в окремому продукті 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-макети та анімацію прямо в терміналі
Джерело