Anthropic Claude Design’ı çıkardı.
Figma için gerçek tehdit mi, oyuncak mı?
Anthropic geçen hafta Claude Design’ı yayınladı. Haftasonu üç saat neler yapabilirim denedim ve notlarım…
Tek promptla çalışan bir landing page çıkardım. 12 slaytlık kurumsal teklif sunumu hazırladım. Bir blog yazımı tek komutla sunuma çevirdim. Üçü için harcadığım süre toplam 15 dakika.
Taslak bir fikri 10 dakikada marka tutarlı çalışan prototipe çevirmenin tam iş akışını Claude Design ile yapabilirsin. Dört ana çıktı tipi. Dört canlı düzeltme aracı. Ve çoğu kullanıcının atlayacağı tek kurulum adımı.
Bir tasarım oluştururken farklı araçlar arasında gidip geliyordum. Figma’dan Canva’ya, Canva’dan Lovable’a, oradan Claude Code’a sürekli geçiş. Her transferde bir şey bozuluyordu. Marka kimliği, fontlar, düğmelerin hizası, döküman boyutları.
Claude Design bu iş akışını tek arayüze indirdi. Prompt ver, düzenle, yorumla, dışa aktarmak için tek yer. Senin yapacağın iki şey var. Marka kit yüklemek. Net prompt yazmak. Geri kalanı Claude içinde oluyor.
Claude Design: Tek arayüzde fikirden ilk taslağa, oradan üretim koduna kadar git.
Test ettim ve gözlemlerim…
Üç saatte ne çıkardım
Defne İncekara AI Akademi için landing page taslağı. Hero, kredibilite şeridi, dört program kartı, müşteri görüşü bölümü, sık sorulan sorular, footer. Promptu tek paragraf yazdım. Üç iterasyon sonra paylaşılabilir kalitede oldu.
Kurumsal müşteriye sunulacak 14 slaytlık teklif sunumu. Kapak, problem, metodoloji, AI-First Index tanıtımı, program menüsü, fiyatlandırma, sonraki adımlar. Slayt yapısı sağlam, içerik doldurma bana kaldı.
Blog yazımı 30 saniyelik animasyonlu HTML açılışına çevirdim. LinkedIn için ekran kaydı aldım. En zor kısmı animasyon zamanlaması.
Mükemmel mi? Hayır. Bir tasarımcının gönderdiği son dosyanın yerine geçer mi? Hayır. İlk taslak işini yüzde sekseni bitirdi mi? Evet.
İki haftalık iş 15 dakikada başlangıç noktasına geldi.
İşe yarayan iş akışı
Adım 1. Tasarım sistemini önce kur. En çok atlanan adım bu. Marka kit yüklemeden başlarsan, üç proje sonra her biri farklı görünür. Tutarlı olmaz.
Adım 2. Proje tipi seç. Prototype, Slide deck, Template, Design System. Wireframe modunda başla, layout kilitlenince high-fidelity’e kopyala. (Claude önyüz ingilizce olduğundan ingilizce yazıyorum.)
Adım 3. Marka kiti yükle. Altı girdi tipi destekleniyor. Görseller, prompt, kod havuzu linki, DOCX/PPTX, canlı web yakalama, kayıtlı tasarım sistemi. Web yakalama gizli hazine.
Adım 4. Spesifik brief yaz. Yoğunluk kısalıktan iyi. Bölge, bileşen, aksiyon, ton. Dört katman tek paragrafta.
Adım 5. Dört araçla canlı düzelt. Satır içi yorum, direkt metin düzenleme, custom slider, tüm sayfaya uygula. Karıştırma, token yakar.
Adım 6. Claude Code’a devret. PDF, PPTX, Canva, HTML export. Üretim için Claude Code handoff. Başlangıç UI işinin yüzde sekseni siliniyor.
Üç sürüm, bir hafta
Anthropic bu hafta üç şey yaptı sırayla. Perşembe Opus 4.7 yayınlandı. Cuma Claude Design indi. Aynı hafta vision modelinin yeteneklerinde belirgin sıçrama raporlandı.
Bu üç şey aynı haftada çıkmaz tesadüfen. Tasarım, kod üretme, görüntü anlama. Üç ayrı yetenek değil. Tek şemsiyenin altında üç başlık. Ürün stratejisi açık.
Sana ne anlatıyor. Tasarım akışında “ilk taslak” katmanı el değiştiriyor. Figma’nın plugin ekosistemi, versiyon kontrolü ve çoklu işbirliği araçları yerinde. Ama wireframe’den ilk high-fidelity’e geçiş, eskiden tasarımcının bir günlük işiyken, şimdi 4-5 dakikalık prompt.
Figma’yı şu an öldürmüyor ama tasarım rolünün tarifini değiştiriyor.
Topluluk ne diyor
Reddit ve YouTube’da iki kritik gözlem dolaşıyor.
İlki “Anthropic Teal Experience” sorunu. Marka kit yüklemediğinde her çıktı aynı turkuaz, aynı serif font, aynı yanıp sönen nokta. Fitness app, CRM, tarif uygulaması, hepsi birbirine benziyor. Çözüm tek: kendi tasarım sistemini yüklemek. brand-kit.md dosyan zaten bu işlevi görüyor, ilk gün yapılacak iş bu.
İkincisi topluluk şu cümlede birleşiyor: “İlk versiyonu öldürüyor; Figma’yı öldürmüyor.” Kurucular ve ürün yöneticileri için ideal. Tasarımcının üstüne kuracağı taslak. Üretim çıktısı değil. Senin pozisyonlamana en uygun çerçeve bu.
Asıl soru
Kurumsal ekiplerin tasarım bütçesinin yüzde kaçı bu yıl yapay zeka tasarım araçlarına kayar? Yorumlarını bekliyorum.
Aksiyon kontrol listesi
claude.ai/design adresine gir, Pro veya Max planını doğrula
brand-kit.md dosyanı tasarım sistemi olarak yükle
Bir akademi landing page taslağı çıkar, ekibinle paylaş
Token tüketimini izle, bir oturumda yarım saatten fazla harcama
Çıktıyı bir tasarımcıya göster, ne eksik diye sor
Ekteki görseli üretmek için Claude Design promptu
6 adımlık infografiğinin Warm Sand versiyonunu üretmek için. Olduğu gibi yapıştır, brand-kit.md yüklü olsun.
1200x1600 piksel dikey eğitim infografiği oluştur.
Başlık: "Claude Design Nasıl Kullanılır?"
Altı adımlık iş akışı rehberi.
MARKA PALETİ: Warm Sand. Sıkı uy.
- Sayfa zemini: #F5F1EA (sıcak krem)
- Kart zemini: #EBE3D5 (derin kum)
- Ana metin: #2B1F17 (koyu kahve)
- Yumuşak metin: #5A4A3C
- Tek vurgu rengi, az kullan: #C1553B (terracotta)
- Dominans kuralı: krem + koyu kahve görsel ağırlığın
yüzde 70'i
- Lacivert, amber, turkuaz, başka renk yok
TİPOGRAFİ:
- Başlıklar: Playfair Display Bold
- Gövde: Lato Regular
- Adım numaraları: Playfair Display Bold, 72pt, terracotta
DÜZEN (yukarıdan aşağıya):
1. ÜST BANT
Sol: Claude asterisk ikonu terracotta. Yanında ana başlık
Playfair'da. "Design" kelimesi terracotta vurgulu, gerisi
koyu kahve.
Sağ: küçük dairesel yazar fotoğrafı yer tutucusu, yanında
"DEFNE İNCEKARA — AI Eğitmeni ve Strateji Danışmanı"
üstte, "defneincekara.substack.com" altta yumuşak metinde.
2. ADIM KARTLARI (2 sütun x 3 sıra, kart 500x350 piksel)
Her kart şunları içerir:
- Sol üstte adım numarası ("01"-"06") Playfair'da terracotta
- Türkçe başlık Playfair Bold, koyu kahve
- 3-4 satır açıklama Lato, koyu kahve
- Sağda mini arayüz çizimi (kart genişliğinin yüzde 40'ı)
- Altta terracotta kenarlı küçük "Saha notu" kutusu, tek
satır aksiyon ipucu
KART İÇERİĞİ:
01 — Tasarım Sistemini Önce Kur
Atlanan tek adım bu. Marka kitini yüklemeden başlarsan, üç
proje sonra her biri farklı görünür. Sistem yoksa tutarlılık
yok.
Saha notu: "Önce sistem, sonra çıktı. Sıralamayı bozma."
02 — Projeyi Adlandır, Tipini Seç
Prototype, Slide deck veya Template'den birini seç. Sonra
wireframe modunda başla. High-fidelity son aşama.
Saha notu: "Layout kilitlenmeden cila yapma. Token yakar."
03 — Marka Kiti ve Referansları Yükle
Görsel, prompt, kod havuzu linki, DOCX, PPTX, canlı web
yakalama, kayıtlı tasarım sistemi. Altı girdi tipi.
Saha notu: "Web yakalama özelliği ile siteni Claude'a çek."
04 — Spesifik Brief Yaz
Belirsiz brief generic çıktı verir. Bölgeleri, bileşenleri
ve aksiyonları tek tek tarif et. Referans ekran görüntüsü ekle.
Saha notu: "Yoğunluk kısalıktan iyidir. Tek paragraf, dört
katman."
05 — Dört Araçla Canlı Düzelt
Satır içi yorum, direkt metin düzenleme, custom slider, tüm
sayfaya uygula. Yeni prompt yerine bunlarla iterate et.
Saha notu: "Tek bileşen için satır içi. Genel için tüm
sayfaya uygula."
06 — Claude Code'a Devret
PDF, PPTX, Canva veya HTML export. Veya bundle olarak Claude
Code'a gönder, üretim ortamında iterate et.
Saha notu: "Başlangıç UI işinin yüzde sekseni siliniyor."
3. ORTA ÖZELLİK ŞERİDİ (1. ve 2. sıra arası)
Geniş tarayıcı çerçevesi göster. İçinde Claude Design editörü
çalışırken. Sol panelde sohbet kutusu Türkçe prompt ile. Sağ
panelde önizleme, Warm Sand renklerinde landing page. Altta
terracotta etiket: "Claude Design içinden canlı çekim. Sol
tarafta sohbet, sağ tarafta tasarım."
GÖRSEL İŞLEM:
- Kartlarda hafif kağıt dokusu
- Gölge: 2px blur, yüzde 12 opaklık, 3px aşağı offset
- Köşe yarıçapı: kartlarda 12px, ipucu kutularında 6px
- Editorial dergi düzeni, SaaS dashboard değil
- Türkçe karakterler doğru: ç, ş, ğ, ı, İ, ö, ü
- Ton: otoriter ama sıcak, ferah aralıklar
Referans stil: Monocle dergi kapağı ile HBR makale düzeni
arasında.