Anthropic dodaje komendę /design do Claude Code w celu tworzenia makiet UI w terminalu

Anthropic rozszerzył Claude Code o nową komendę /design, która pozwala programistom tworzyć, iterować i przeglądać makiety UI bez opuszczania terminala.

Prototypowanie UI bezpośrednio w terminalu

Zamiast przełączać się między Figmą a powłoką (shell), możesz teraz wpisać coś takiego jak /design a few options for a login screen. Claude odpowiada kilkoma interaktywnymi „artboardami”, które wyświetlają makiety o wysokiej wierności (high-fidelity). Możesz porównywać układy, wybierać ulubione i dopracowywać wygląd, zadając pytania uzupełniające – a wszystko to przed napisaniem choćby jednej linii kodu produkcyjnego.

Makiety uwzględniające kontekst Twojej bazy kodu

Programista Nate Parrott zauważa, że Claude faktycznie czyta bieżące repozytorium. Pobiera palety kolorów, biblioteki komponentów i konwencje układu, a następnie dopasowuje każdy projekt do istniejącego stylu projektu. Wyniki pojawiają się jako „Artifacts” – dedykowany widok wewnątrz Claude, który wyświetla obrazy bez konieczności otwierania osobnego edytora graficznego. Na tym etapie makiety istnieją tylko w przestrzeni roboczej Claude; musisz je wyraźnie zapisać w systemie plików, zanim przekształcisz je w kod.

Dlaczego ma to znaczenie dla rozwoju wspomaganego przez AI

Komenda ta łączy dwa etapy cyklu życia rozwoju oprogramowania – projektowanie i kodowanie – w jeden. Zespoły stawiające na szybkość mogą generować wiele opcji układu za pomocą pojedynczego promptu, co przyspiesza fazę wczesnego odkrywania (discovery). Ponieważ Claude korzysta z żywej bazy kodu, makiety pozostają zgodne z marką i kompatybilne z systemem komponentów, co ogranicza konieczność ręcznego poprawiania efektów, które zazwyczaj następuje po generowaniu generycznych obrazów.

Anthropic przedstawia to jako krok w stronę „inżyniera oprogramowania AI”, który zajmuje się zarówno logiką, jak i estetyką. Jeśli terminal może służyć jako multimodalna przestrzeń robocza, granica między pisaniem kodu a kształtowaniem doświadczenia użytkownika (UX) ulega drastycznemu zatarciu.

Obecne ograniczenia

Funkcja ta znajduje się wciąż w fazie podglądu (preview). Wygenerowane makiety nie stają się automatycznie plikami źródłowymi; musisz je samodzielnie wyeksportować i zintegrować. Ten dodatkowy krok może pochłonąć oszczędności czasu, szczególnie w większych projektach z dziesiątkami komponentów.

Jak wypróbować

Uruchom claude update, aby pobrać najnowszą wersję preview i włączyć komendę /design.

Kluczowe wnioski

  • Zintegrowane prototypowanie: /design generuje wiele artboardów UI bezpośrednio z promptów w terminalu.
  • Kontekstowa spójność: Claude skanuje bieżącą bazę kodu, aby makiety były zgodne z istniejącym systemem projektowym.
  • Usprawniony przepływ pracy: Łącząc moc promptowania Claude Design z możliwościami wykonawczymi Claude Code, programiści przechodzą od koncepcji do wizualnego prototypu bez konieczności przełączania narzędzi.

Nowa komenda /design od Anthropic pozwala programistom tworzyć i iterować makiety UI bezpośrednio z terminala, ograniczając konieczność ciągłego przełączania się między narzędziami projektowymi a edytorami kodu – co stanowi wąskie gardło, z którym wciąż zmagają się wiele dynamicznych zespołów.

Generowanie wizualnych szkiców z promptu CLI

Wpisujesz komendę, taką jak /design a few options for a login screen, a Claude zwraca zestaw interaktywnych artboardów. Każdy artboard pokazuje makietę o wysokiej wierności, którą możesz sprawdzić, porównać i dopracować, zadając pytania uzupełniające.

Claude czyta pliki w bieżącym projekcie, wyodrębnia palety kolorów, biblioteki komponentów i konwencje układu, a następnie dopasowuje projekty. Wynik pojawia się jako „Artifacts” – widok wyświetlający obrazy bez otwierania osobnego edytora graficznego. Na tym etapie makiety istnieją tylko w przestrzeni roboczej Claude; musisz je wyraźnie zapisać w systemie plików, zanim przekształcisz je w kod.

Dlaczego programiści potrzebują narzędzia do projektowania w terminalu

Większość programistów spędza znaczną część dnia, przełączając się między terminalem a aplikacją do projektowania UI. Przeniesienie prototypowania wizualnego do tego samego okna, w którym pisany jest kod, łączy dwa etapy cyklu życia rozwoju oprogramowania w jeden.

Dla zespołów skoncentrowanych na szybkości, wygenerowanie kilku opcji układu za pomocą pojedynczego promptu może przyspieszyć fazę wczesnego odkrywania. Analiza istniejącej bazy kodu przez Claude sprawia, że makiety pozostają zgodne z marką i kompatybilne z systemem komponentów projektu, co redukuje konieczność ręcznego poprawiania efektów, które zazwyczaj następuje po generycznym kroku generowania obrazów.

Anthropic przedstawia tę nowość jako krok w stronę „inżyniera oprogramowania AI”, który potrafi poradzić sobie zarówno z logiką, jak i estetyką. Jeśli terminal może teraz służyć jako multimodalna przestrzeń robocza, granica między pisaniem kodu a kształtowaniem doświadczenia użytkownika staje się cieńsza.

Ograniczenia i argumenty za tradycyjnymi narzędziami projektowymi

Funkcja jest wciąż w fazie podglądu, a kilka praktycznych ograniczeń pozostaje aktualnych. Po pierwsze, wygenerowane makiety nie stają się automatycznie plikami źródłowymi; programiści muszą je eksportować i integrować ręcznie. Ten dodatkowy krok może niwelować oszczędność czasu w większych projektach, w których wymagana jest synchronizacja dziesiątek komponentów.

Na co zwrócić uwagę w miarę rozwoju tej funkcji

W aktualizacji firmy Anthropic zaznaczono, że komendę można włączyć za pomocą prostego polecenia claude update.

Wniosek: Umieszczenie promptu projektowego w terminalu Claude Code daje programistom skrót od koncepcji do wizualnego prototypu, ale proces pracy wciąż zależy od ręcznego przekazywania plików i brakuje mu głębi oferowanej przez dedykowane narzędzia UI. Jego ewolucja zdecyduje, czy komenda pozostanie niszowym udogodnieniem, czy stanie się kluczowym elementem stosu technologicznego opartego na AI.