Claude ile Tasarımda Seviye Atlamak: 13 Dakikaya Sığan 25 Pratik Taktik

Yapay zekâ ile üretilmiş bir tasarımı ele veren ilk şey renkler değil, sıradanlıktır: varsayılan yazı tipi, genel geçer cümleler, birbirine benzemeyen ikonlar. Konuşmacı buradan yola çıkıyor ve 25 taktiği üç katmana ayırıyor: temel, orta seviye ve ileri. Tezi basit ama iddialı; doğru bağlam malzemesiyle beslenen bir ajan, acemi elinden vitrinlik iş çıkarabilir. Ben bu çerçeveyi ciddiye alıyorum, çünkü sorun modelin yeteneğinde değil, ona ne verdiğimizde düğümleniyor.

Temel: tasarım sistemleri ve stil hırsızlığı

İlk durak tasarım sistemi kurmak. Claude'un tasarım arayüzünde (claude.ai/design) yeni bir sistem açıp markanın renklerini, yazı tiplerini ve logosunu yüklemek, sonraki her üretimin zeminini atıyor. Güzel tarafı sıfırdan başlamak zorunda olmaman: beğendiğin bir sunumu, siteyi ya da ekran görüntüsünü yükleyip renk ve bileşenleri çıkarttırabiliyorsun. Anthropic'in kendi yardım dokümanına göre Claude Design sohbet eşliğinde üretiyor ve projeye tasarım sistemini iliştirdiğinde çıktı otomatikman markaya yaslanıyor; konuşmacının ısrarı da tam buna dayanıyor. İkinci taktik piyasadaki en verimli kestirmelerden biri: Refero'nun styles.refero.design adresindeki galerisinde Mercury ve Linear gibi gerçek ürünlerin yapay zekâca okunabilir tarifleri duruyor; renk, yazı, boşluk değerleri kopyalanabilir metin halinde. Beğendiğin sistemi kopyalayıp Claude'a yapıştırıyorsun, istediğin değişiklikleri ekliyorsun ve tek seferde yüksek kaliteli bir zemin elde ediyorsun. Üçüncü taktik bunu bir adım ileri taşıyor: binlerce seçenek arasında kendin kaybolmak yerine galerinin bağlantısını modele verip işine en yakın üç sistemi seçtiriyorsun.

Dördüncü taktik web arayüzünün sınırını hatırlatıyor: tarayıcıdaki tasarım uygulaması bilgisayarındaki dosyalara erişemiyor. Çözüm olarak Claude Code ya da benzeri masaüstü ajan tarafında özel beceri (skill) olarak tasarım sistemini tanımlamak öneriliyor; örneğin Duolingo tarzı içerik üreten bir komut, her çağrıda aynı dili konuşuyor. Konuşmacıya göre videodaki taktiklerin çoğu bu esneklik sayesinde kod ajanında da çalışıyor, yani mesele tek bir ürün değil, çalışma biçimi.

Beşinci taktik yazı tipleriyle ilgili ve bence listedeki en ucuz kazanç burada. Varsayılan fontu bırakan iş, anında kendini ele veriyor; FontShare gibi ücretsiz servislerden markaya uygun bir aile seçip komutta adıyla anmak ya da dosyasını sisteme yüklemek görünümü bir anda toparlıyor. FontShare'in arkasındaki Indian Type Foundry, bu fontları ticari işlerde bile ücretsiz sunduğunu açıklıyor; eşleşme arayanlar için FontJoy gibi araçlar başlık-metin ikilisi üretiyor. Konuşmacı ayrıca konuşma sırasında rakip analizi yapmayı değil, bunu sisteme gömmeyi öneriyor. Altıncı taktik metin yazarlığına dair: görseller kusursuz olsa bile yapay zekâ kokan cümleler okuru kaçırıyor. Öneri, Claude'dan alanındaki en iyi beş rakibin dilini incelemesini ve kalıpları tasarım sistemine işlemesini istemek. Böylece üretim, modelin hazır kalıplarından değil, sektörün gerçek dilinden besleniyor. Yedinci taktik bu mantığın devamı: iki sistemi bilinçli biçimde birleştirmek ; yazı karakterini birinden, renk ve hareketi öbüründen alıp modele harmanlatmak, kopya gibi durmayan özgün bir dil doğuruyor.

Orta seviye: yazı, metin ve görsel tamamlama

Sekizinci taktik tasarım aracının kör noktasını kapatıyor: Claude Design kendi başına görsel ve video üretemiyor, ama harici bir üretim servisine bağlanabiliyor. Konuşmacı Kie.ai'yi örnek veriyor; bu servis birçok büyük görsel ve video modelini tek çatı altında toplayıp kullandığın kadar ödeme sunuyor ve kurulumu Claude Code'a bırakmayı öneriyor. Kie.ai'nin güncel model çarşısında metinden videoya ve görsel düzenlemeye uzanan geniş bir liste var, yani bağlantı tek bir modele bağımlı kalmıyor. Dokuzuncu taktik ise bitmiş bir projenin bağlantısını yeni oturuma yapıştırıp aynı sistemi ve malzemeleri devralmak; geçmiş iş, yeni işin başlangıç noktası oluyor.

Onuncu taktik zevki sistematik hale getiriyor: Dribbble, Awwwards ve X gibi mecralardan beğenilen işleri biriktiren kişisel bir referans kütüphanesi kurmak. Konuşmacı bunun için Rubric References adlı tek tıklık bir tarayıcı eklentisi yaptığını anlatıyor; kaydedilen sayfa, ekran görüntüsü ve notla birlikte arşive giriyor ve sonra Claude bu arşive başvurabiliyor. On birinci taktik Impeccable adlı denetim becerisi: hiyerarşi, boşluk, yazı tipi, erişilebilirlik ve boş durumlar gibi başlıklarda siteyi tarayıp düzeltiyor, iyi taslağı cilalı hale getiriyor.

On ikinci taktik ses tonunu sabitliyor: yasaklı kelime listesi, kendi deyişlerin ve konuşma tarzınla bir ses tonu becerisi kurmak. Hazır kuralları da ekleyebilirsin; teknik İngilizce için ASD-STE 100 standardı, Google'ın geliştirici dokümantasyonu üslup kılavuzu ya da Apple'ın yazım tarzı örnek veriliyor. On üçüncü taktik 21st.dev: açık kaynak topluluğun paylaştığı, doğrudan ajana verilmeye hazır arayüz bileşenleri. Beğendiğin parçayı kopyalayıp modele yapıştırıyorsun; sıfırdan çizmek yerine test edilmiş bir bölümü sayfana gömüyor, üstelik 21st'in MCP desteği bunu düzenleyiciden çıkmadan yapmaya izin veriyor. On dördüncü ve on beşinci taktikler aynı damardan: ReactBits sitesi animasyonlu metinler, cam efektli kartlar ve imleç oyunları gibi cesur parçalar sunuyor; CanvasUI.dev ise otuz beş kadar ücretsiz efekt barındırıyor, kırık sıvı cam ve parçacık belirme örnekleriyle. Mantık aynı: hoşuna gidenin kodunu al, Claude'a ver, arayüze eklet ya da tasarım sistemine kaydet. Böylece üst düzey sitelerde görülen dokunuşlar, token yakmadan sayfana taşınıyor.

Bileşen ve ikon kütüphaneleri

On altıncı taktik acı bir gerçeği söylüyor: Claude çoğu zaman iyi ikon çizemiyor. Çözüm Iconify ya da benzeri bir kaynaktan tek tarzda bütün bir set indirip klasörü modele vermek; hem hazır ikonların oluyor hem de model, gelecekte üretecekleri için tutarlı referans görüyor. Iconify'nin evreni yüzlerce set ve yüz binlerce ikon barındırıyor, sayfada yalnızca kullanılan ikon yükleniyor. On yedinci taktik yeni çizim isterken SVG formatı şartı koymak: vektör olduğu için her boyutta keskin kalıyor, rengi elle değişiyor, hatta hareketlendirilebiliyor. On sekizinci taktik hareketli ikonlar için Lordicon: binlercesi ücretsiz olan animasyonlu ikonları Lottie dosyası olarak indirip projeye bırakıyorsun; animasyon kodun içinde gömülü geldiği için düz SVG'nin bir üst basamağı sayılıyor. Lordicon'un kütüphanesi on binlerce ikona ulaşmış durumda ve dışa aktarımda renk, hız, boyut ayarlanabiliyor. On dokuzuncu taktik tek yer imi önerisi: Creator's Toolbox adlı, yüz elliyi aşkın ücretsiz tasarım kaynağını toplayan rehber; hareketli bileşenler, 3D efektleri, SVG ikonları, logo galerileri ve deneme maketleri tek listede.

Yirminci taktik Apple'ın arayüz kuralları : şirket bu kuralları herkese açık yayımlıyor; yerleşim, yazı boyutu, dokunma hedefleri ve renkler baştan tanımlı. Bunları bir beceriye dönüştürüp uygulama ekranı çizerken modele işletmek, tahminle gelen hataları eliyor. Apple'ın İnsan Arayüzü Kılavuzu, okunabilirlik için platform bazında varsayılan ve minimum boyutlar veriyor, hiyerarşiyi ağırlık ve renk dengesinde kurmayı şart koşuyor. Yirmi birinci taktik GSAP: GreenSock'un bu JavaScript kütüphanesi kaydırma bölümleri ve beliren metinler gibi işleri pürüzsüz kılıyor, büyük ajansların da tercihi. Sitesi her şeyi canlandırabilirsin diyor ve kaydırma eklentisiyle karmaşık koreografiler birkaç satıra iniyor.

İleri seviye: kurallar, hareket ve komutlar

Son dörtlü kod ajanının tasarım cephesi. Yirmi ikinci taktik /design komutu: bir fikir ya da ekran görüntüsüyle sanal bir çizim tahtası açılıyor, Figma'yı andıran düzenlenebilir çalışma alanları geliyor, ama farkı ajanın projenin tamamını ve kurallarını bilmesi. Yirmi üçüncü /tweak: web tarafındaki kaydırgılı ayar panelini kod tarafında kendi becerin olarak kurmak; yazı, boşluk, renk değerleriyle oynayıp sonucu tasarıma işletiyorsun. Yirmi dördüncü metinden animasyon: Whisper ile kelime damgalı döküm çıkarıp Claude'dan animasyonu hak eden anları seçmesini istemek, Hyperframes üzerinden sesle eşleşen klipler üretmek. Konuşmacı bu videodaki animasyonları da bu yolla yaptığını söylüyor.

Yirmi beşinci ve son taktik her şeyi toplayan tasarım işletim sistemi : bitmiş işlerin sergilendiği, üretilen görsel ve videoların dizinlendiği küçük bir uygulama kurmak; hem sen aradığın deseni buluyorsun hem Claude aynı arşive erişiyor. Konuşmacının ekibi bunu bir öğe kütüphanesi olarak işletiyor; markaya uyan 3D malzemeler, animasyonlar ve SVG ikonlar yeniden kullanıma hazır bekliyor. Liste burada kapanıyor ve ilk maddeye geri bağlıyor: sistem yoksa taktikler dağınık numara kalır, sistem varsa bileşik faiz gibi birikir.