O czym jest ten film
- Premiera Claude Design 2.0: cztery główne nowości to mniejsze zużycie kredytów, możliwość podpinania systemów projektowych, projektowanie „w obie strony” (z gotowego systemu lub od zera) oraz bezpośrednia edycja na kanwie.
- Poziom 1: narzędzie znajdziemy na stronie Claude i w aplikacji desktopowej, gdzie otwiera się jako osobna sesja obok zwykłego czatu.
- Poziom 2: budowanie w dowolnej marce — wystarczy podać repozytorium z GitHuba, obrazki czy pliki Figmy, a efekt wyeksportujemy m.in. do PowerPointa, PDF, Miro i Figmy.
- Demo: trzy slajdy promujące napój LaCroix wygenerowane z repozytorium i jednego obrazka; Claude zadaje pytania doprecyzowujące (odbiorcy, ton, argumenty), a notatki prelegenta są edytowalne.
- Edycja bezpośrednia: drobne poprawki robimy kliknięciem, jak w Figmie — zamiast pisać polecenia, które dawniej „przepalały” tokeny na analizę całego okna kontekstu.
- Największa słabość narzędzia: samo niczego nie wymyśla. Rozwiązaniem są konektory — w demo Firecrawl wyciąga identyfikację marki ze strony, a generator obrazów tworzy grafiki w stylu prezentacji.
- Claude Design to interfejs na tym samym silniku, którym pracuje Claude Code — wszystko zbudowane w Design da się odtworzyć w Code; Design wybieramy, gdy liczy się szybkość.
- Poziom 4: projekt można wysłać do Claude Code (albo Canvy czy Gammy) i rozwijać dalej, np. podpiąć dashboard pod bazę danych; najpewniejsza droga to plik zip, bo bezpośrednie przekazanie potrafi zgubić pliki.
- Poziom 5: niezależność od jednego dostawcy — darmowy projekt Open Design działa lokalnie z dowolnym modelem (m.in. z subskrypcją ChatGPT), a GLM 5.2 oferuje wydajność zbliżoną do Opusa 4.8 za jedną szóstą ceny.
- Haczyk: eksport do PowerPointa działa wyłącznie w Claude Design, natomiast pliki zip przeniesiemy do dowolnego narzędzia i dowolnego modelu.
10 najważniejszych takeaways — z kontekstem zastosowania
1.Najpierw aplikacja desktopowa, dopiero potem przeglądarka
Na czym polega: W aplikacji Claude Design otwiera się jako osobna sesja obok czatu, a wszystkie projekty, szablony i systemy projektowe są pod ręką. Przy przenoszeniu pracy do Claude Code wersja instalowana działa też pewniej.
Jak stosować: Przenieś codzienną pracę do aplikacji desktopowej i tam realizuj przekazywanie projektów dalej.
Na co uważać: Na wysyłanie projektu do „Claude Code w przeglądarce” — autor wprost odradza tę ścieżkę jako zawodną.
2.Karm narzędzie materiałami marki, zamiast liczyć na jego wyobraźnię
Na czym polega: Claude Design świetnie odwzorowuje styl, ale sam go nie wymyśli. W demo repozytorium z zasadami projektowymi plus jeden referencyjny obraz wystarczyły, by slajdy przejęły motywy graficzne źródła.
Jak stosować: Zbuduj własne repo z zasadami (typografia, kolory, kompozycja) i podpinaj je do każdego projektu razem z przykładowymi grafikami; można też podawać pliki Figmy.
Na co uważać: Jakość zasad przekłada się wprost na jakość wyniku — bałagan w źródłach oznacza bałagan w projekcie.
3.Potraktuj pytania Claude jak briefing
Na czym polega: Przed generowaniem narzędzie dopytuje o odbiorców, ton i kluczowe argumenty, a odpowiedzi bezpośrednio kształtują kierunek wizualny.
Jak stosować: Odpowiadaj konkretnie — w stylu: „pitch inwestorski, ton zabawny i odważny, trzy argumenty” — i wskaż, co ma być głównym motywem graficznym.
Na co uważać: Ogólniki na wejściu oznaczają szablonowy wygląd na wyjściu.
4.Drobną poprawkę zrób kliknięciem, nie poleceniem
Na czym polega: Nowa edycja na kanwie pozwala zmieniać tekst, czcionki i kolory bezpośrednio na projekcie — model nie musi przeszukiwać całego okna kontekstu, więc nie pochłania tokenów przy każdej literówce.
Jak stosować: Usunięcie znaku, zmiana rozmiaru sekcji czy koloru — wszystko na kanwie; opisowe polecenia zostaw dla zmian koncepcyjnych.
Na co uważać: Przy większych przebudowach punkcikowanie elementów bywa męczące — wtedy szybciej opisać zmianę słowami.
5.Kolejkuj uwagi, gdy model pracuje
Na czym polega: Podczas generowania można oznaczać elementy i dopisywać komentarze; Claude realizuje je w tle, nie przerywając pracy.
Jak stosować: Zamiast czekać bezczynnie, od razu zaznaczaj, co powiększyć lub przestawić.
Na co uważać: Formułuj uwagi precyzyjnie (który element, co dokładnie zmienić) — ogólne polecenia trudniej powiązać z oznaczonym miejscem.
6.Gdy brakuje danych, podłącz konektory
Na czym polega: Design nie sięga sam do zewnętrznego świata. Konektory — w demo Firecrawl — pozwalają wyciągnąć ze strony tożsamość marki, a generator obrazów (Higgsfield, Krea AI) stworzyć grafiki spójne z prezentacją.
Jak stosować: W poleceniu wskaż adres i narzędzie: „wejdź na tę stronę przez Firecrawl, wyciągnij identyfikację marki i zbuduj trzy strony animacji”.
Na co uważać: Nie każda strona jest przyjazna agentom, a wklejanie surowego HTML zjada tokeny — dane warto przepuszczać przez filtr typu Firecrawl.
7.Wybieraj narzędzie pod zadanie: Design albo Code
Na czym polega: Design działa na tym samym silniku co Claude Code — różnica to interfejs, edytor i eksport. Wszystko, co powstanie w Design, da się zbudować również w Code.
Jak stosować: Szybka prezentacja czy strona — Design; baza danych, integracje, pełny system — przenieś projekt do Code i rozwijaj tam.
Na co uważać: Nie dubluj pracy — zaczynaj w Design i przekazuj efekt dalej, zamiast budować od zera w Code.
8.Projekt do Claude Code przekazuj przez zip
Na czym polega: Bezpośrednie przekazanie (ang. handover) bywa zawodne — w demo zagubiło plik wideo. Archiwum zip zawiera całość plików i działa najpewniej.
Jak stosować: Po pobraniu zipa rozpakuj go, wyciągnij kod źródłowy i dopiero wtedy podpinaj w Code; skopiowany prompt z opisem, gdzie leżą pliki, traktuj jako uzupełnienie.
Na co uważać: Integracja z pewnością będzie się poprawiać, ale na razie w ważnych projektach nie warto na niej polegać.
9.Nie daj się przywiązać do jednego dostawcy
Na czym polega: Projekt Open Design odtwarza możliwości Claude Design na własnym komputerze, zasilany dowolnym modelem — gdy skończą się limity Claude, można podpiąć subskrypcję ChatGPT (z agentem Codex).
Jak stosować: Trzymaj projekty w plikach przenośnych i przy zbliżającym się limicie dokańczaj pracę w Open Design.
Na co uważać: Brak eksportu do PowerPointa (to wyłączność Claude Design), a obce repozytorium każ Claude najpierw sprawdzić przed uruchomieniem.
10.Tam, gdzie się da, wybieraj tańszy model o zbliżonej mocy
Na czym polega: Według autora GLM 5.2 oferuje wydajność w okolicach Opusa 4.8 przy jednej szóstej ceny i działa w terminalu — także na projektach już zbudowanych.
Jak stosować: Dalsze rozbudowywanie i rutynowe poprawki testuj na tańszym modelu, zanim sięgniesz po najdroższy.
Na co uważać: Rankingi modeli zmieniają się z wydania na wydanie — zweryfikuj wydajność na własnych zadaniach, zanim się przeniesiesz.
Redakcyjne tłumaczenie
Wprowadzenie: pięć poziomów i jedna pułapka
Claude Design to dziś najpopularniejszy agent projektowy na świecie — i właśnie doczekał się wersji 2.0. W tym materiale pokażę, jak korzystać z jego najmocniejszych nowych funkcji na pięciu poziomach zaawansowania oraz jak obejść największą słabość narzędzia. W ten sposób nie zmarnujecie czasu i wyprzedzicie innych o dobry dystans — nawet jeśli nigdy wcześniej nie mieliście z nim do czynienia. A jeśli jesteście tu pierwszy raz: jestem Jack. Zbudowałem startup AI z ogromną rzeszą klientów, teraz tworzę własne projekty w tej branży i pokazuję tutaj metody, które faktycznie działają. Tym razem nagrywam w Budapeszcie — i szczerze mówiąc, oświetlenie jeszcze pięć minut temu sprawiało, że wyglądałem jak postać do odblokowania w grze, więc dzięki za wyrozumiałość. Łapcie kawę i zaczynamy.
Cztery zmiany, które robią różnicę
Czym właściwie jest Claude Design? To odpowiedź Claude na potrzebę tworzenia estetycznych projektów — a stojący za nim model Opus 4.8 należy dziś do ścisłej czołówki agentów projektowych na świecie. Zbudujecie w nim strony internetowe, aplikacje, prototypy, prezentacje — praktycznie co tylko chcecie. Skala jest ogromna: już w pierwszym tygodniu po premierze narzędzie zdobyło milion użytkowników. I to właśnie zmiany w nowej wersji są powodem tego odcinka.
Zaszły w niej cztery duże rzeczy (plus kilka mniejszych, które też pokażę):
- Kredyty wystarczają na znacznie dłużej. To zmiana kluczowa. Dotąd wystarczyło wspomnieć, że używa się Claude Design, i kredyty znikały w oczach — to była największa bolączka narzędzia.
- Można podłączać systemy projektowe (ang. design systems — zbiory zasad i komponentów danej marki).
- Projektować da się w obie strony: opierając się na gotowym systemie albo czyszcząc go i tworząc coś od zera.
- Po raz pierwszy można edytować bezpośrednio na kanwie, czyli na samym projekcie.
Poziom 1: gdzie znajdziesz narzędzie
Pierwszy poziom to orientacja: czym fizycznie jest to narzędzie. Na stronie Claude klikacie „Design” po lewej stronie i widzicie interfejs. To samo znajdziecie w aplikacji desktopowej: w lewym górnym rogu klikacie czat, schodzicie niżej do pozycji „Design” i ją wybieracie — otworzy się osobna sesja. Zobaczycie wtedy dwie instancje: jedną dla Claude Design, drugą dla samego Claude. Od teraz wszystko załatwicie w aplikacji.
Większość z nas ma jeszcze świeżą traumę po rachunkach za pierwszą wersję, ale spokojnie — teraz jest naprawdę nieźle. Rozejrzyjmy się po interfejsie. Na górze wybieracie, co chcecie robić: prototypy, strony, animacje, klatki. Niżej mieszczą się wszystkie wasze projekty. Widać też systemy projektowe — jeśli pracujecie z konkretną marką, możecie taki system zbudować — oraz szablony na samym dole. W trakcie pracy podpinacie system projektowy albo go zrzucacie i zaczynacie od czystej kartki. Jest też wybór modelu, a w dalszej części pokażę coś, co rozwiąże wasze problemy z tokenami.
Poziom 2: pierwszy projekt w cudzej marce
Drugi poziom: budujemy coś razem. Najciekawsze, że można projektować w dowolnej marce — wystarczy podać repozytorium z GitHuba, a narzędzie zaprojektuje wszystko w jego duchu i samo sprawdzi poprawność. Efekt wyeksportujecie do PowerPointa, PDF-a, Miro, Figmy — czego tylko chcecie.
Spróbujmy. Żeby uczciwie przetestować narzędzie, dam mu repozytorium i obrazek. Wybieram „slajdy”, bez systemu projektowego, i wpisuję polecenie: „Chciałbym, żebyś na podstawie tego repozytorium z GitHuba i tego obrazka zaprojektował trzy piękne slajdy o tym, dlaczego LaCroix to najlepszy napój 2026 roku”.
(Informacja dodatkowa: LaCroix to popularna w USA marka gazowanych wód smakowych bez cukru.)
Wracam do repozytorium — zbudowałem je kiedyś specjalnie po to, by wyciągać z niego sprawdzone zasady projektowe. Do narzędzia wrzucicie cokolwiek: pliki Figmy, obrazy, co się tylko nada. Otwieram zasady, kopiuję przykładową grafikę i po prostu ją wklejam — całość zaprojektowano tak, by była maksymalnie prosta. Potem wybieracie model. Przy okazji plotka z branży: krążą słuchi, że GPT-4.6, najnowszy model ChatGPT, ma rzekomo dorównywać najlepszym modelom Claude, a może nawet je przewyższać. Trzymajmy rękę na pulsie — przy każdej dotychczasowej premierze OpenAI Claude i tak zwykle wysuwał się na prowadzenie. Możliwe jednak, że pojawi się model, który realnie zagrozi Claude — i za chwilę do tego wrócę.
Claude zaczyna od pytań doprecyzowujących. Wybieram wersję dla inwestorów, styl „zabawny i odważny” oraz trzy argumenty: zero cukru i zdrowie, bogactwo smaków, styl życia i klimat. Proszę, by użyć tego jako głównego kierunku wizualnego i stworzyć coś pięknego, zgodnego z wytycznymi. Klikam „dalej”.
Dostaję prezentację „LaCroix zawłaszcza rok 2026”. Pod slajdami siedzą edytowalne notatki prelegenta — można je podejrzeć albo zmienić. Slajd drugi przedstawia trzy powody zwycięstwa. Najfajniejsze, że kwadraty i kółka zdobiące slajd zostały skopiowane z pierwszego obrazka — Claude pozwolił sobie na odrobinę swobody twórczej. Trzeci slajd domyka całość. Całkiem przyzwoicie.
Edycja na kanwie: koniec z przepalaniem tokenów
Z gotowym projektem można zrobić kilka rzeczy. Po pierwsze, oznaczenia: mówię na przykład „powiększ tę sekcję” i wysyłam. Dopóki Claude pracuje w tle, można równolegle dokładać kolejne uwagi.
Najciekawsza jest jednak sama edycja. Wcześniej każda poprawka oznaczała polecenie, które model musiał rozpatrzyć w kontekście całej rozmowy — i tokeny znikały lawinowo. Teraz wystarczy kliknięcie. Chcę usunąć apostrof? Klikam i po sprawie, bez proszenia Claude o cokolwiek. Po lewej stronie edytujecie wszystko: rozmiary czcionek, kolory, każdy szczegół — zupełnie jak w Figmie. Tymczasem Claude powiększył obraz, o który prosiłem. Można też wejść w tryb prezentacji, wyświetlić slajdy na pełnym ekranie i powiedzieć: „oto moja prezentacja, jakże piękne życie”.
Projekt udostępnimy linkiem — trafi do waszego workspace’u — albo wyeksportujemy. Formatów jest sporo: samodzielny plik HTML albo PowerPoint, który potem dokończycie we własnym programie.
Największa słabość i lekarstwo na nią: konektory
Doszliśmy do rzeczy najciekawszej — i do największego problemu, o którym wspomniałem. Claude Design nie fantazjuje. Sam z siebie nie tworzy nowych rzeczy. Lekarstwem są konektory, które i tak macie do dyspozycji w Claude Code: można na przykład zebrać informacje o konkurencji lub własnej stronie albo wygenerować obrazy wewnątrz Claude Design. Pamiętajcie przy tym, że Design to tylko jeden z wielu elementów Claude Code — jeśli chcecie pełny przewodnik, od fundamentów, przez budowanie stron, funkcje zaawansowane i systemy pamięci, link do kompletnego kursu zostawiam w opisie; w pakiecie dostajecie też całe „system operacyjne” Claude Code, które robi niesamowite wrażenie.
Wracam na stronę główną i sięgam po konektor. Daję bardzo konkretne polecenie: „Wejdź na glido.com i przy użyciu mojego konektora Firecrawl wyciągnij identyfikację marki, a następnie stwórz trójstronicową animację”. Potem dokładam: „Użyj też generatora obrazów i stwórz unikatową grafikę dokładnie w stylu tej prezentacji”. Zrzucam system projektowy, wybieram „animacja” i wysyłam.
Do generowania obrazów nada się Higgsfield albo Krea AI — to chyba najtańsza opcja, gdy raz podepniecie klucz API. Firecrawl cenię za prostotę: wyciąganie informacji staje się banalne i tanie. Kiedy bowiem czytacie stronę wprost, połykacie wszystkie tokeny, łącznie z całym kodem HTML. Firecrawl ten balast odcina — pozwala szukać, zbierać treści i śledzić zmiany. Ja używam go głównie do wyciągania identyzności marek: podłączacie usługę i działacie.
(Informacja dodatkowa: Firecrawl to popularne narzędzie, które zamienia strony internetowe na czysty tekst zrozumiały dla agentów AI, pomijając zbędny kod.)
Wracam do Claude Design — narzędzie właśnie pobiera dane przez Firecrawl. To istotne, bo nie każda strona została zbudowana z myślą o AI; z takim konektorem właściwe informacje dostajemy znacznie szybciej. I proszę: prezentacja gotowa. Od razu widać, że narzędzie uchwyciło krój pisma i paletę kolorów strony, a na slajdach pojawiły się hasła wzięte wprost ze źródła („oszczędzasz 20 godzin miesięcznie”) oraz samo logo. Gdy da się Claude takie narzędzia, wyniki robią się naprawdę mocne — szczerze mówiąc, jestem pod wrażeniem.
Design a Code: ta sama maszyna pod maską
Wyjaśnijmy dla jasności, czym różni się Claude Design od Claude Code. Mówiąc wprost: Design to w gruncie rzeczy interfejs, możliwość edycji i eksport do formatów takich jak PowerPoint czy PDF. Pod spodem pracuje model Claude Code — a więc wszystko, co zbudujecie w Design, da się teoretycznie zbudować również w Code. Design po prostu maksymalnie upraszcza sprawę: kiedy gonicie z czasem, często szybciej jest wejść właśnie tam i zrobić swoje.
Poziom 4: przekazanie projektu do Claude Code
I to prowadzi nas do poziomu czwartego — przenoszenia efektów z Design do Code. Po co? Wyobraźcie sobie, że budujecie panel z wykresami, a potem chcecie podpiąć go pod bazę danych i rozwinąć w pełny system. W Design się to nie da, w Code — jak najbardziej.
Bierzemy naszą animację Glido i klikamy „udostępnij”. Nie chodzi o eksport — chcemy projekt wysłać. Do wyboru mamy Claude Code, Canvę albo Gammę. Wysyłamy do Claude Code. Są dwie drogi i tu muszę być szczery: integracja nie jest jeszcze dopracowana i narzekają na to także inni użytkownicy. Możecie wysłać projekt do Claude Code w przeglądarce — odradzam. Jeśli macie aplikację, po prostu pracujcie w aplikacji. Alternatywnie kopiujecie prompt — zawiera dokładną informację, gdzie leżą pliki, co bardzo pomaga — albo pobieracie zip.
Kopiuję prompt, przechodzę do Claude Code, wklejam i dopisuję: „Zrób mi przysługę — złóż prostą stronę jednostronicową według zasad projektowych z tego pliku i wpleć w nią film”. Po chwili Claude oddaje gotową stronę: nagranie wplecione, do tego kilka ładnych dodatków.
Jest jednak jedno „ale”. Gdy przekazałem projekt bezpośrednio, Claude Code nie znalazł pliku wideo. Wróciłem więc, pobrałem zip i powtórzyłem operację — i to archiwum okazało się najpewniejszą drogą. Warto też wsłuchać się w to, co sam Claude Code mówi o tym przepływie: na razie integracja bywa kapryśna i pliki z przekazania potrafią nie dotrzeć; z zipa wszystko wyciąga bez problemu. I jeszcze jedno: to, co pobierzecie w archiwum, zabieracie wszędzie — do dowolnego narzędzia i dowolnego modelu. Rada praktyczna: zawsze rozpakujcie zip, wyciągnijcie kod źródłowy i dopiero wtedy podpinajcie pliki. Integracja z czasem na pewno dojdzie do formy — kierunkowo to świetny krok — ale na razie bezpieczniej pobierać pliki ręcznie.
Poziom 5: niezależność od dostawcy
Poziom piąty — ten, o którym mało kto mówi. Chodzi o kontrolę nad całym łańcuchem narzędzi: co, jeśli nie chcemy być przywiązani do jednego modelu? Co, gdy zechcemy budować na projekcie czymś innym? Są na to dwa sposoby i warto znać oba, żeby nigdy nie zostać na lodzie.
Pierwszy to Open Design — otwarty projekt, który odtwarza to, co robi Claude Design, ale działa lokalnie, na waszym komputerze, i można go zasilać dowolnym modelem. Jak to ustawić? W Claude Code prosicie: „pobierz to repozytorium i uruchom mi je na lokalnym serwerze”. I tu ważna zasada: przy pobieraniu obcych repozytoriów nigdy nie wydawajcie takiego polecenia w ciemno, chyba że dokładnie znacie dane repo — każcie Claude najpierw wszystko sprawdzić.
Gdy projekt się uruchomi, klikacie „lokalny agent kodowania” i wybieracie, co podpiąć. Można użyć Claude Code, ale również ChatGPT — czyli wykorzystać swoją subskrypcję za 20 dolarów do kodowania wszystkiego, co trzeba, gdy skończą się limity u Claude. Pomijamy konfigurację, klikamy „kontynuuj” i możemy budować system projektowy. Następnie doczepiam dokładnie ten plik, nad którym pracowaliśmy przed chwilą — przycisk „plus”, „dołącz plik” — i proszę o prostą zmianę: „na tej stronie zamień kolor zielony na niebieski”. To tylko przykład. Przed wysłaniem wybieram jeszcze interfejs wiersza poleceń (CLI) — pozwala on uruchamiać na własnym komputerze różne modele, na przykład Codexa, czyli odpowiednik Claude Code po stronie ChatGPT. Brzmi tajemniczo, ale w praktyce to po prostu elegancki sposób na korzystanie z wielu modeli. Open Design to darmowe, społecznościowe przedsięwzięcie: przenosi rdzeń pomysłu Claude Design — owe „umiejętności” — do otwartego środowiska, w którym silnik wybieracie sami. Dlatego jest tak cenny: gdy skończą się limity w Claude Code, po prostu budujecie dalej.
Chwila później kolor zmienia się z zielonego na niebieski. ZIELONY jest moim zdaniem ładniejszy, ale sedno widać od razu: wszystko ładuje się w jedną całość. Można przy tym mocno ponosić — mam tu inny przykład: kolejna wersja zbudowana na Glido i Firecrawl, wszystkie elementy spięte, a na ekranie piękne animacje tworzone tym systemem. Jedno ograniczenie: z Open Design nie wyeksportujecie projektu do PowerPointa — to pozostaje wyłącznością Claude Design. Poza tym to znakomite miejsce do eksperymentowania.
Druga droga to GLM 5.2 — model o wydajności zbliżonej do Opusa 4.8, ale kosztujący jedną szóstą jego ceny. Użyjecie go w terminalu i będziecie dalej rozbudowywać projekty, które już macie. To wynosi całość na zupełnie nowy poziom.
(Informacja dodatkowa: GLM to rodzina modeli chińskiej firmy Zhipu AI, pozycjonowanych jako tańsza alternatywa dla czołowych modeli zachodnich.)
Co dalej
Zostaje jednak pytanie: dokąd zmierzamy? Sam design to jeden z wielu elementów układanki — żeby realnie przesunąć do przodu firmę i własne życie, trzeba poznać pozostałe i złożyć je w jeden wielki, spójny system operacyjny. I dokładnie tym zajmiemy się w następnym materiale.