Claude Design 101
5 dakikada, tasarım geçmişin olmasa bile, her şeyi tasarlamak mümkün.
Figma’nın piyasa değeri 730 milyon dolar düştü. Haberin çıktığı gün.
Anthropic, sessiz sedasız yeni bir araç çıkardı. claude.ai/design. Sadece URL’si bile ayrı. Claude’un bildiğimiz sohbet arayüzüyle ilgisi yok. Kendi başına bir ürün. Opus 4.7 çalışıyor içinde, şu ana kadar çıkan en iyi görsel modeli.
Bu yazıyı okuduktan sonra 30 dakika ayır ve dene. Tasarımcıya iş verme şeklin değişecek, belki tasarımcının kendisine de.
Nasıl erişirsin
Tek URL: claude.ai/design
Fakat bir şeyi hemen söyleyeyim: bu araç Pro veya Max planı gerektiriyor. Ücretsiz planda çalışmıyor. Team veya Enterprise kullanıyorsan yönetici panelden açılması lazım:
Organization Settings > Capabilities > Claude Design > toggle açık
Şu an “research preview” aşamasında, yani kademeli açılıyor. URL seni anasayfaya yönlendiriyorsa birkaç gün bekle, tekrar dene.
Bir uyarı daha: token tüketimi çok hızlı. Plan limitini düşündüğünden çabuk bitirebilirsin. Ölçülü kullan.
Araç açılınca sana dört mod sunar:
Wireframe. Ham iskelet. Fikri hızla test etmek için. High fidelity seçeneğiyle direkt yüksek kaliteye geçebilirsin.
Slides. Sunum destesi. Claude sana birkaç soru sorar, sen cevaplarsın, slaytlar gelir. Speaker notes de üretiyor her slayt için.
Template. Hazır şablondan başlıyorsun. Özellikle animasyonlu video üretmek istiyorsan bu mod daha hızlı.
Freeform. Boş tuval. Tam özgürlük ama daha fazla yönlendirme gerektiriyor.
Üç hızlı test
Bu üçü 2 dakikadan az sürüyor her biri. Aracı anlamak için ideal.
Test 1: Web sitesi
Prototype > Wireframe > High Fidelity seç. Şunu yaz:
Create a high-fidelity landing page designed to raise $[TUTAR] from [YATIRIMCI TİPİ]
for "[ÜRÜN ADI]" — [kısa açıklama].
Target audience: [hedef kitle]. Tone should feel [nasıl hissettirmeli] —
think a mix of [site] + [site] + [ekosistem].Tek shot’ta tam bir web sitesi üretiyor. Canlandır düğmesine bas, sunum modu açılır.
Test 2: Sunum destesi
“Slide Deck” seçeneğine geç. Konunu yaz. Claude soru sorur, sen cevapla. Çıktı PDF veya PPTX. Her slayta sunum notu ekleniyor. Gamma’nın çeşitliliğine henüz ulaşmıyor ama hız açısından güçlü. Ama şunu da söyleyeyim uzun süreden beri sunumlarımı Claude ile yapıyorum; gamma.app bıraktım.
Test 3: Animasyonlu video
“From Template” sekmesine geç. Aşağıdaki prompt kullan:
Create a 45-second animated video explaining [konu]. 16:9.
Structure:
- 0-5s: Cold open. [başlık kartı]
- 5-15s: Problem. [animasyonlu istatistik]
- 15-30s: Solution. [görsel açıklama]
- 30-40s: 3 istatistik kartı
- 40-45s: Kapanış
Visual style: [renk paleti, tipografi tercihi, geçiş türü]45 saniyelik animasyonlu video çıkıyor anında. Hareketler, geçiş, kinetik tipografi.
DESIGN.md: Tek seferlik yatırım, sürekli kazanım
Claude Design’ı gerçekten güçlü kılan şey prompt kalitesi değil, tasarım sistemi kalitesi.
Araç, sen ne kadar bağlam verirsen o kadar iyi çalışıyor. Bu bağlamı taşıyan dosyaya DESIGN.md deniyor. Marka kılavuzu değil, Claude için talimat dosyası.
Kendine DESIGN.md oluşturmak için:
Cowork’ü aç
Marka şablonlarını tek klasöre at: logolar, eski slaytlar, fotoğraflar, marka PDF’i, ürün ekran görüntüleri
Bu promptu yaz:
Bu klasörü analiz et ve tam bir tasarım sistemi belgesi üret.
Fontlar, renkler, grafik stilleri, bileşen kalıpları, ton,
layout kuralları. Eksik görünen her şeyi işaretle.
Klasöre DESIGN.md olarak kaydet.Cowork her dosyayı okur, temiz bir DESIGN.md çıkarır. Bundan sonra Claude Design’a bu dosyayı yüklersin ve renk, font, ton hiç tekrar belirtmene gerek kalmaz.
Başkasının tasarımını kopyalamak için:
getdesign.md sitesinde onlarca markanın DESIGN.md dosyası ücretsiz duruyor. Mastercard, Airbnb, Ferrari, Pepsi. Birini indir, Claude Design’a yükle, kendi içeriğini ekle. Başkasının marka dilinde tasarım yap.
Video hack: Slaytları doğrudan isteme
Bu yöntem tuhaf görünüyor ama iyi çalışıyor.
Sunum istemek yerine önce video üret:
Bu içerikten 30 saniyelik bir animasyonlu video yap. İlk kez izleyen birini hedefle.Video çıkınca aynı sohbet içinde devam et:
Şimdi bu videoyu bir sunum destesine dönüştür.Slaytlar, direkt slayt istediğinden daha iyi çıkıyor. Çünkü video adımı Claude’u önce görsel düşündürüyor, sonra statik kareye bağlıyor.
İyi prompt nasıl yazılır
Her iyi prompt dört unsur içeriyor:
Hedef. Ne istiyorsun tam olarak? Düzen. Kaç bölüm, nasıl sıralanacak, hangi etkileşimler var? İçerik. Ne yazacak, hangi rakamlar, hangi mesaj? Kısıt. Ton, erişilebilirlik, teknik sınırlar.
Örnek:
Build a pricing page. 3 tiers, monthly/annual toggle, sticky CTA on mobile.
Match our homepage tone.Pixel tanımlamak yok. Renk kodu vermek yok. DESIGN.md zaten biliyor. Sen sadece ne istediğini söylüyorsun.
Yineleme: İki farklı yer, iki farklı iş
Yapısal değişiklik sohbet ekranında olur:
3 farklı layout ver.Hero bölümü için 2 A/B test versiyonu öner.Pixel değişiklikleri canvas’ta olur. Edit butonuna bas, değiştirmek istediğin alan yeşil renkte işaretlenir. Sadece o alanı değiştirirsin.
“Export” etmeden önce doğrula
Önemli bir adım, çoğu kişi atlıyor:
Desktop, tablet ve mobile versiyonlar üret.Hero bölümü için farklı açıyla 2 A/B varyasyonu öner.Sağ üst köşeden “Export”. Beş format: PDF, PPTX, standalone HTML, Claude Code bundle, Canva’ya gönder. (Canva entegrasyonu henüz tam olarak çalışmıyor, ileride düzelecektir.)
Aracın zayıf tarafları
Pohpohlamadan konuşalım:
Token tüketimi çok yüksek. Uzun oturumlar plan limitini hızla bitirebilir.
Hata oranı hâlâ yüksek. Tasarımın bir kısmı bozulabiliyor, özellikle karmaşık şablonlarda.
Kontrol az. Pixel düzeyinde ince ayar yapmak zaman alıyor, bir tasarımcının Figma’da yaptığı hızlı düzenleme kadar akıcı değil.
Özet
“Claude Code” kodlamayı değiştirdi. “Claude Cowork” ofis işlerini değiştirdi. “Claude Design” tasarımı değiştiriyor.
Ama bir şeyi değiştiremiyor: on versiyondan hangisinin doğru seçim olduğuna karar vermek. Hangi tasarımın hedef kitlen için işe yarayacağını bilmek. Minimalizmin değil vurgunun işe yarayacağını sezebilmek.
Bu estetik yargı. Araç onu üretemiyor.
On tasarımdan birine “hayır” demek, dokuzu çöpe atmak, kalan birini rafine etmek hâlâ senin işin. Bu yetenek şu an çok değerli. Araçlar ucuzladı, yargı pahalandı.
Aksiyon listesi
claude.ai/design’a gir, Pro/Max hesabınla sign in yap
Wireframe > High Fidelity ile bir landing page üret (2 dk)
Slides formatıyla kendi alanına ait bir sunum destesi yap
“From Template”den animasyonlu video dene
“Cowork”te marka assetlerini toplayıp DESIGN.md oluştur
getdesign.md’de beğendiğin bir markanın DESIGN.md’ini indir, dene
Export öncesi doğrulama yap
