Claude Design és a valóság: mire jó ma az AI a design-munkában

Anthropic 2026. április 17-én dobta piacra a Claude Design-t: leírod, mit szeretnél (landing oldalt, appot, pitch deck-et, egyoldalas marketing anyagot), és a rendszer másodperceken belül elkészíti az első verziót, közvetlenül prezentálható HTML/CSS/JS kimenetben. A VentureBeat és több szakmai blog is a Figma kihívójaként írta le a bemutatáskor. A finomítás négy csatornán megy: chat, elemre kattintva fűzött komment, közvetlen szövegszerkesztés, és a Claude által generált csúszkák (spacing, szín, elrendezés élőben állítható).

Ez tehát nem "AI rajzol nekem egy weboldalt" trükk, hanem egy tényleges iterációs eszköz, de van két dolog, amit a marketing-anyagok ritkán mondanak ki, mi viszont a saját munkánkban nap mint nap ütközünk velük.

Amiben tényleg jó

• Meglévő vizuális rendszer felismerése és követése. Onboardingnál a Claude Design beolvassa a csapat kódbázisát/design-fájljait, és felépít belőle egy design-rendszert (színek, tipográfia, komponensek), amit minden további projektre automatikusan alkalmaz. A saját landing-oldalunkon ugyanezt az elvet kézzel érvényesítjük: egyetlen akcentszín (kékes glow) kizárólag a CTA-khoz és a logóhoz, mindent mást semleges, sötét alapon tartunk, mert egy fegyelmezetlen paletta versenyez a cselekvésre-hívással.
• Determinisztikus, adatvezérelt komponensek. A saját kerékdiagramunk (statikus SVG donut-szeletek, középen logó-hubbal) teljesen props-alapú, bármennyi modult be lehet tenni kód nélkül, mert a vizuális logika komponensbe van szervezve, nem hardcode-olt SVG-be zárva.

Amit a bemutató-videók nem mutatnak meg

Anthropic maga is kutatási előnézetnek (research preview) hívja a Claude Design-t, és a korlátok konkrétak: nincs backend-generálás, tisztán frontend/vizuális kimeneti eszköz. Márka-kritikus, konverzió-érzékeny felületnél ez egy kiindulópont, nem végtermék, ezt maguk a korai kritikák is kiemelik.

A saját tapasztalatunk ezt megerősíti, három konkrét ponton:

• Márkalogók sose "emlékezetből". Egy technológiai partner logóját (GoHighLevel) egyszer a modell megpróbálta újraalkotni SVG-ben a saját tudásából, az eredmény felismerhetetlen volt. A megoldás: mindig hivatalos forrásból (webkeresés, favicon-nagyítás) hozzuk be a valódi vektort, sose hagyatkozunk a modell vizuális "emlékezetére".
• Mobil-nézet csak valós screenshotból javítható. Egy homályos panasz ("túl nagy a gomb telefonon") leírás alapján könnyen a rossz helyre nyúl, screenshot nélkül a javítás vaktában történik.
• iOS Safari a legkeményebb tesztkörnyezet. Egy glow-effektes elem, ami Chrome-ban tökéletesen eltűnt egy animáció végén, iPhone-on beragadt, a visibility: hidden hozzáadása az animáció záró kockájához oldotta meg. Ez csak valós eszközön derül ki, sose feltételezésből.

A mi elvünk

A Claude Design (és általában a Claude a design-munkánkban) nem helyettesíti a tervezői döntést, hanem felgyorsítja a jó döntés végrehajtását. A design-rendszer (szín, ritmus, komponens-logika) mindig emberi jóváhagyással készül, a modell a kódot írja gyorsan és konzisztensen, de a "mi legyen szép" kérdésben mi döntünk, és minden vizuális változtatást valós böngészőben, valós eszközön ellenőrzünk kiadás előtt.

Forrás: Anthropic, Claude for Creative Work, VentureBeat: Anthropic just launched Claude Design