# Claude Code отримав команду /design для UI-макетів у терміналі > Anthropic додала до Claude Code нову слеш-команду /design, яка дозволяє розробникам генерувати UI-макети прямо в терміналі, без Figma чи браузера. - Опубліковано: 18 серпня 2026 р. (2026-08-18T12:00:23.785107+00:00) - Розділ: AI-інструменти - На основі публікації: [The Decoder](https://the-decoder.com/claude-code-gets-a-design-command-that-lets-developers-create-ui-mockups-right-in-the-terminal/) - Видання: AiiN (https://aiin.news) - URL: https://aiin.news/article?slug=claude-code-%D0%BE%D1%82%D1%80%D0%B8%D0%BC%D0%B0%D0%B2-%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D1%83-design-%D0%B4%D0%BB%D1%8F-ui-%D0%BC%D0%B0%D0%BA%D0%B5%D1%82%D1%96%D0%B2-%D1%83-%D1%82%D0%B5%D1%80%D0%BC%D1%96%D0%BD%D0%B0%D0%BB%D1%96 --- Anthropic додала до Claude Code, свого термінального AI-агента для розробки, нову слеш-команду /design — вона дозволяє створювати UI-макети прямо в командному рядку, без переходу у Figma чи браузерний редактор. Розробник просто описує текстом, який інтерфейс йому потрібен, а агент генерує макет у тому ж вікні терміналу, де вже пишеться код. Це продовжує стратегію Anthropic перетворити термінал на єдину точку входу для всього циклу розробки — від написання коду до тестування й тепер дизайну. [За даними The Decoder](https://the-decoder.com/claude-code-gets-a-design-command-that-lets-developers-create-ui-mockups-right-in-the-terminal/), команда /design додана саме в Claude Code — CLI-інструмент, яким розробники вже керують агентними сесіями, ревʼю коду й деплоєм. Для індустрії AI-білдерів це маленький, але показовий сигнал: межа між «написати код» і «намалювати інтерфейс» у термінальних агентів стирається швидше, ніж здавалося ще рік тому. ## Що саме зʼявилося в Claude Code? Нова команда /design додає в Claude Code окремий режим генерації UI-макетів, який запускається так само, як інші службові слеш-команди агента. Ключова відмінність від класичного воркфлоу — розробнику не треба відкривати окремий застосунок чи вкладку браузера: макет зʼявляється в тому ж терміналі, де відбувається решта роботи над проєктом. Джерело не деталізує формат виводу — HTML-превʼю, зображення чи інтерактивний код компонента, тож конкретна механіка рендерингу поки лишається відкритим питанням. ## Чому дизайн саме в терміналі — логічний крок для Claude Code? Claude Code з самого початку побудований навколо ідеї, що термінал — це не проміжна станція між задачею й результатом, а повноцінне робоче середовище агента: тут і слеш-команди для перемикання моделей чи агентів, і підключувані навички під конкретні дизайн-системи проєкту. Додавання /design логічно вписується в цю модель — замість окремого дизайн-інструменту користувач отримує ще одну команду в тому ж інтерфейсі, яким він уже керує рештою розробки. Це також узгоджується з ширшим трендом: AI-агенти для кодування поступово вбирають суміжні категорії інструментів — тестування, деплой, а тепер і чернетковий UI-дизайн — замість того, щоб залишатися вузькоспеціалізованим помічником для написання рядків коду. Ми вже писали про те, [чому AI-агенти забувають інструкції під час стиску контексту](https://aiin.news/article?slug=чому-ai-агенти-забувають-ваші-інструкції-під-час-стиску-контексту) — і нова функція дизайну заслуговує на таку саму обережність: тестувати на некритичних задачах, перш ніж довіряти їй ключові макети. Тут є й конкурентний контекст: Claude Code розвивається на ринку, де за розробницьку увагу активно борються й інші агентні CLI-інструменти — від GitHub Copilot CLI до Codex CLI від OpenAI. Кожна функція, яка лишає розробника всередині терміналу замість перемикання на сторонній застосунок, знижує тертя в щоденній роботі — і саме тому дизайн-команди в CLI зʼявляються не як екзотика, а як логічне розширення вже звичного інтерфейсу. ## Кому це реально прискорить роботу? Найбільше виграють від нової команди: - соло-розробники й невеликі команди без штатного дизайнера, яким потрібен швидкий чернетковий макет перед версткою; - прихильники «vibecoding» — розробки через діалог з агентом, де перемикання в окремий дизайн-застосунок ламає темп роботи; - розробники прототипів і MVP, для яких точність пікселя менш критична за швидкість ітерації. Команди з окремими дизайнерами й усталеною дизайн-системою, найімовірніше, і надалі використовуватимуть /design хіба що для чорнового наближення, а не фінального макета — джерело не наводить даних про рівень деталізації чи точності генерованих інтерфейсів. ## Що з цим робити AI-білдерам зараз — погляд AiiN Наша теза: /design — це не «Figma в терміналі», а черговий доказ того, що термінальні агенти намагаються стати єдиною поверхнею для всього циклу продукту, а не лише для коду. Для команд, які вже працюють у Claude Code, має сенс спробувати команду на некритичному прототипі й порівняти швидкість ітерації з наявним дизайн-воркфлоу, перш ніж закладати її в продакшн-процес. Ми б не поспішали відмовлятися від Figma чи дизайнера на її основі — судячи з формулювання анонсу, йдеться про макети, а не про готові до продакшну UI-компоненти. ## Чи замінить /design дизайнерів або Figma? Ні, наразі йдеться про швидкі чернеткові макети всередині CLI-агента, а не про повноцінний дизайн-інструмент. Для складних дизайн-систем, брендбуків і продакшн-UI команди, найімовірніше, продовжать користуватися спеціалізованими редакторами. ## Чи потрібна окрема підписка для /design? Джерело не уточнює деталей ціноутворення. Оскільки команда вбудована безпосередньо в Claude Code, найімовірніше, вона доступна в межах наявної підписки на інструмент, без додаткової оплати. --- Теги: ClaudeCode, Anthropic, UIдизайн, vibecoding, AIінструменти Джерело: AiiN — https://aiin.news/article?slug=claude-code-%D0%BE%D1%82%D1%80%D0%B8%D0%BC%D0%B0%D0%B2-%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D1%83-design-%D0%B4%D0%BB%D1%8F-ui-%D0%BC%D0%B0%D0%BA%D0%B5%D1%82%D1%96%D0%B2-%D1%83-%D1%82%D0%B5%D1%80%D0%BC%D1%96%D0%BD%D0%B0%D0%BB%D1%96. Цитуючи, посилайтесь на канонічний URL.