Claude Design: Kapsamlı Rehber

Claude Design, Anthropic'in doğrudan Claude içerisine entegre ettiği görsel üretim aracı. Ne inşa etmek istediğini tarif ediyorsun, Claude da canlı bir tuval (canvas) üzerinde çalışan görsel bir taslak oluşturuyor. Ardından sohbet ederek, doğrudan görsel üzerine yorum bırakarak veya bizzat düzenleme yaparak tasarımı tam istediğin kıvama getiriyorsun.

Bu sıradan bir görsel oluşturucu değil. Claude Design; tamamen etkileşimli prototipler, çalışan sunumlar, düzenlenebilir belgeler ve kod destekli görselleştirmeler üretiyor. Çıktı olarak dışa aktarabileceğin, yazılımcılara devredebileceğin ya da doğrudan Canva, Figma veya Vercel gibi araçlara aktarabileceğin gerçek HTML, CSS ve JavaScript kodları alıyorsun.

Claude Design; Pro, Max, Team ve Enterprise planlarında hiçbir ek ücret ödemeden kullanılabiliyor. Hem claude.ai/design adresinde hem de Claude Desktop uygulamasında sorunsuz çalışıyor.

Nasıl Erişilir?

Seçenek A (Desktop Uygulaması): Claude masaüstü uygulamasını aç. Sol kenar çubuğunun en altında Design seçeneğini göreceksin. Tıklaman yeterli.

Seçenek B (Web): Tarayıcından claude.ai/design adresine git. Birebir aynı arayüz ve aynı yetenekler seni bekliyor.

Claude Design proje bazlı bir çalışma akışı sunuyor. Her projenin kendi sohbet geçmişi, tuvali ve tasarım bağlamı bulunuyor. Sıfırdan başlamak için New Project butonuna tıklaman yeterli.

İsteğini sol taraftaki sohbet paneline yazıyorsun. Claude, tasarımı sağ taraftaki tuvalde anında oluşturuyor. Ne kadar detaylı ve net olursan, ilk taslak o kadar başarılı çıkıyor. Ancak merak etme, sonrasında her zaman adım adım geliştirebilirsin.

Neler İnşa Edebilirsin?

Etkileşimli Prototipler

Çalışan navigasyon menüleri, hover efektleri, animasyonlar ve geçişlere sahip, tamamen tıklanabilir prototipler üretebilirsin. Bunlar statik ekran görüntüleri değil; tıpkı gerçek birer uygulama gibi çalışırlar.

Bir görev yönetim (task management) uygulaması için etkileşimli bir prototip oluştur. Şunları içersin:
- Proje kategorilerinin yer aldığı bir sol kenar çubuğu (sidebar)
- Sürükle-bırak destekli kolonlara (Yapılacaklar, Devam Edenler, Tamamlananlar) sahip bir kanban panosu
- Bitiş tarihi, atanan kişi ve açıklama alanları olan bir görev detay penceresi (modal)
- Üst barda karanlık mod (dark mode) geçiş butonu
Tüm etkileşimleri çalışır halde hazırla.

Sunumlar ve Pitch Deck'ler

Tutarlı görsel dile, geçişlere ve sunuma hazır düzenlere sahip eksiksiz slayt desteleri. Claude hem yapıyı hem tasarımı hem de içeriği baştan sona kurgular.

Seri A yatırım turu için 10 slaytlık bir pitch deck hazırla. Şirket, yapay zeka destekli bir hukuki araştırma platformu. İçerik sırası: başlık slaytı, problem, çözüm, pazar büyüklüğü, ürün demosu ekran görüntüleri, iş modeli, büyüme metrikleri (traction), rekabet analizi, ekip ve yatırım talebi. Lacivert ve beyaz ağırlıklı, temiz ve modern bir tasarım kullan. Profesyonel ama sıkıcı kurumsal havadan uzak olsun.

Sosyal Medya Görselleri

Instagram gönderileri, kaydırmalı (carousel) içerikler, hikaye şablonları, LinkedIn banner'ları, Twitter başlıkları ve aklına gelebilecek diğer tüm sosyal medya formatları.

'2026'da İhtiyacınız Olan 5 Yapay Zeka Aracı' konulu 5 slaytlık bir Instagram carousel tasarımı yap. Stil: kalın sans-serif başlıklar, koyu gradyan arka planlar ve neon mavi vurgu rengi. Her slaytta bir araç adı, tek satırlık açıklama ve bir görsel ikon bulunsun. İlk slayt dikkat çekici bir kanca (hook), son slayt ise harekete geçirici mesaj (CTA) içersin.

Posterler ve Pazarlama Materyalleri

'Build 2026' adlı bir teknoloji konferansı için poster tasarla. Tarih: 15-17 Eylül. Konum: San Francisco. Stil: fütüristik, koyu arka plan, holografik gradyan vurgular. Konuşmacı fotoğrafı yer tutucuları, sponsor logoları alanı ve kayıt için bir QR kod alanı ekle.

Belgeler ve Özgeçmişler

Doğru tipografi, kusursuz mizanpaj ve şık biçimlendirmeye sahip profesyonel dokümanlar. Özgeçmişler (CV), tek sayfalık özetler (one-pager), vaka analizleri ve raporlar.

Kıdemli bir ürün tasarımcısı (senior product designer) için modern bir özgeçmiş tasarla. İki kolonlu düzen kullan. Sol kolon: iletişim bilgileri, çubuk grafikli beceri alanı, eğitim ve sertifikalar. Sağ kolon: rol, şirket, tarihler ve her biri için 3'er maddelik açıklamalar içeren iş deneyimi. Temiz bir sans-serif font ve hafif renk vurguları kullan. Baskıya hazır (print-ready) formatta olsun.

3D ve Etkileşimli Görselleştirmeler

Claude Design; 3D grafikler, animasyonlar, WebGL gölgelendiricileri (shaders) ve hatta ses/video entegrasyonuna sahip kod destekli prototipler geliştirebilir. Anthropic'in "frontier design" (uç tasarım) olarak adlandırdığı seviye tam olarak bu.

Etkileşimli bir 3D güneş sistemi tasarla. Her gezegene tıkladığımda bilgilerini görebileyim: çapı, güneşe olan uzaklığı, yörünge süresi, uydu sayısı ve yüzey sıcaklığı. Gerçekçi renkler ve orantılı boyutlar kullan. Yörünge çizgileri ve yavaş bir dönme animasyonu ekle. Yakınlaştırma (zoom) kontrolü de bulunsun.

Düzenleme Modu (Edit Mode)

Claude Design'ın ürettiği her şey tamamen özelleştirilebilir. Doğrudan düzenleme moduna geçmek için tuvalin üst kısmındaki Edit butonuna tıklaman yeterli. Üstelik düzenleme yaparken tek bir yöntemle sınırlı değilsin; tasarımlarını mükemmelleştirmek için üç farklı yolun var:

Sohbet ile düzenleme: Değişmesini istediğin şeyleri sohbet paneline yaz. Claude tasarımı tuval üzerinde güncellesin. Bu yöntem; "başlığı biraz daha büyüt" veya "renk paletini yeşil tonlarına çevir" gibi genel revizyonlar için harikadır.

Doğrudan yorum bırakma (Inline comments): Tuvalin herhangi bir yerine tıklayarak bir yorum pini bırak. Geri bildirimini doğrudan değiştirmek istediğin ögenin üzerine yaz. Claude bu yorumu okur ve sadece o spesifik ögeyi günceller. "Bu butonu 10px sağa kaydır" veya "bu metin kalın (bold) olmalı" gibi net ve nokta atışı revizyonlar için en ideal yoldur.

Doğrudan müdahale (Direct manipulation): Tuvalin üstündeki Edit butonuna tıkla. Bu işlem doğrudan kontrol araçlarını aktif eder: ögeleri sürükleyip taşıyabilir, kutuları kenarlarından tutup boyutlandırabilir, metinlere tıklayıp düzenleyebilir, renk paletinden dilediğin dolgu rengini seçebilir ve katmanları sürükle-bırak ile yeniden sıralayabilirsin. Ne istediğini tam olarak bildiğin ve yapay zekaya anlatmakla vakit kaybetmek istemediğin anlar için birebir.

Tasarım Sistemleri (Design Systems)

Aynı marka için birden fazla proje üretiyorsan, Claude Design tasarım sistemini hafızasında tutabilir. Böylece her yeni projeye başladığında tam olarak senin renklerin, tipografin ve bileşen stillerin kullanılır. Markanı her seferinde sıfırdan anlatma derdi tamamen biter.

Markanın tasarım sistemini kurmak için herhangi bir projeyi aç ve üst bardaki Design System butonuna tıkla. Marka renklerini, tipografi tercihlerini ve bileşen stillerini ekleyip kaydet. Artık o çalışma alanındaki (workspace) her yeni proje bu kayıtlı sistemden beslenecektir.

Eğer Claude Code da kullanıyorsan, /design-sync komutuyla tasarım sistemini iki araç arasında kolayca senkronize edebilirsin. Bu sayede kod tabanın ile tasarım prototiplerin görsel olarak her zaman kusursuz bir uyum içinde kalır.

İçe ve Dışa Aktarma (Import & Export)

Claude Design, yerleşik bağlayıcıları sayesinde diğer tasarım ve geliştirme araçlarına rahatça bağlanır.

İçe aktarabileceğin kaynaklar: Figma (paylaşım linki yapıştırarak), PDF (doğrudan yükleyerek), Görseller (sürükle-bırak ile), Metin ve Markdown (içeriği doğrudan yapıştırarak).

Dışa aktarabileceğin platformlar: Canva, Figma, Adobe, Vercel, Wix, Gamma, Webflow, Framer ve Base44. Her bağlayıcı, tasarımını hedef araca en uygun formatta aktarır.

İpuçları ve En İyi Pratikler

• Boyutlar konusunda net ol. "1080x1080" veya "16:9" gibi kesin ölçüler verirsen ilk denemede doğru boyutu yakalarsın.
• Referans görseller kullan. Beğendiğin bir tasarımın ekran görüntüsünü yükle ve "buna benzer bir şey tasarla" de.
• Genelden özele ilerle. Önce ana yerleşimi ve iskeleti oturt, ardından detaylar için Edit modunu veya yorumları kullan.
• Versiyon kaydet. Claude Design otomatik kaydeder ama farklı denemeleri karşılaştırmak için manuel versiyonlar kaydetmek büyük kolaylık sağlar.
• Erken ve sık dışa aktar. Tasarımı son haline getirmeden önce hedef araçta nasıl göründüğünü mutlaka ara ara kontrol et.

Eğer ekranda "chat upstream error" hatası görürsen panik yapma; sayfayı yenileyip son mesajını tekrar göndermen yeterli. Projen otomatik olarak kaydedildiği için hiçbir emeğin kaybolmaz.