- Claude Code kullanarak ara aşama mockup'lar olmadan doğrudan çalışan kod üretip tasarım verimliliğini artırıyor
- Figma kullanımı ciddi ölçüde azaldı; gerçek verilerle çalışan kod üzerinde özellikleri düzenlemek, UX iyileştirme noktalarını statik mockup'lara göre çok daha hızlı ortaya çıkarıyor
- Küçük ölçekli özellikler Figma olmadan doğrudan Claude Code ile uygulanıyor; büyük ölçekli özelliklerde ise keşif çalışmasının ardından etkileşimli artifact'ler üretilip ekiple paylaşılıyor
- Handoff veya boşa giden çıktılar olmadan PR gönderimine kadar bizzat tamamlama odaklı bir sürece geçiliyor
- Kullanıcı odaklı düşünme, problem keşfi ve yinelemeli iyileştirme korunurken, tasarımın temel ilkeleri muhafaza edilerek tasarım ile geliştirme arasındaki sınırı azaltan yeni bir iş akışına evriliyor
Temel değişim: Claude Code ile tasarım çalışması
- Claude Code her gün kullanılıyor ve Git commit grafiğimdeki artan commit sayısı, tasarım ile geliştirmenin bütünleşmesini gösteriyor
- Figma kullanımı büyük ölçüde azaldı ve kod tabanlı tasarıma geçildi
- Hedeflenen kullanıcı deneyimi (use case'ler, beklenen davranış, özelliğin gelişim yönü) doğal dille anlatıldığında, Claude Code bunun nasıl uygulanacağını kavrıyor
- Bu, daha önce mühendislerle işbirliği içinde yürütülen yöntemle aynı, ancak bu kez tasarımcı kontrolü doğrudan elinde tutuyor
- Orta sadakatli (mid-fi) mockup aşaması tamamen atlanıyor; doğrudan Claude Code içinde prompt yazarak çalışan bir sürüm birkaç dakika içinde oluşturulabiliyor
- Gerçek veri içeren çalışan sürüm üzerinde düzenleme yapıldığında sıralama, filtreleme, veri uzunluğu sorunları gibi UX iyileştirmeleri anında görünür hale geliyor
Yeni tasarım süreci
- Son birkaç ayda süreç büyük ölçüde değişti
-
Küçük ölçekli özellikler Figma olmadan doğrudan Claude Code ile uygulanıyor
- QoL iyileştirmeleri, bir listeye arama alanı ekleme gibi mevcut pattern ve component'leri kullanan özellikler için Figma tamamen atlanıp doğrudan Claude Code'a geçiliyor
- Ne wireframe var ne de handoff
- Claude Code uygun component ve pattern'leri iyi kullanıyor; özellikle Opus 4.6, kod tabanını anlayıp açık talimat olmadan bile doğru işleri yapabiliyor
-
Büyük ölçekli özelliklerde hâlâ ön keşif ve problem tanımı yapılıyor
- Problem, use case'ler, iyi bir çözümün "şekli" (ör. "hızlı ve sürtünmesiz his", "kullanıcıya ek iş çıkarmama") ve olası yaklaşımlar yazılı olarak tanımlanıyor
- Bunlar genel Claude sohbetine taşınıp ek fikirler istendiğinde, daha önce düşünülmemiş birkaç ilginç fikir ile birlikte bağlama uymayan öneriler de geliyor
- Tercih edilen yön için Claude ile etkileşimli artifact'ler oluşturuluyor, böylece hissi doğrudan test etmek ve ekip arkadaşlarıyla paylaşıp geri bildirim toplamak mümkün oluyor
- Bazen prompt yazmaktan daha hızlı olduğu için Figma'da basit low-fi wireframe'ler de çiziliyor
- Yineleme, ekip tartışmaları ve kullanıcı geri bildirimiyle yaklaşım netleştirildikten sonra, Claude Code içinde doğrudan kod üzerinde build edilip polish ediliyor
Figma'nın hâlâ avantajlı olduğu alanlar
- Görsel keşif (renk kombinasyonları, tipografi seçenekleri, yeni component'ler) konusunda Figma hâlâ önde
- Yan yana karşılaştırma, yakınlaştırma/uzaklaştırma ve öğeleri taşıma gibi işler kod içinde yapmak için zor
- Ancak işlerin büyük kısmı mevcut ürün ve mevcut tasarım sistemi içinde yürüdüğü için bu alanın payı azalmış durumda
Değişmeyenler
- Kullanıcı odaklı düşünme, ihtiyaçları anlama, problemi kavrama, farklı seçenekleri keşfetme, yineleme ve test etme, kaliteyi artırmak için polish etme olduğu gibi sürüyor
- Sürecin ara aşamaları esas olarak Claude Code'a taşınmış durumda; hatta kodu kullanıcının eline ulaştırmaya kadar süreç doğrudan yürütülebiliyor
- Sonuç olarak tasarım ile geliştirme arasındaki sınır azalıyor ve gerçek kullanıcılara ulaşma hızı artıyor
- Handoff veya boşa giden çıktılar olmadan doğrudan nihai ortamda çalışıp PR gönderme akışı öne çıkıyor
- Gelecekte ne olacağını öngörmek zor, ancak yeni araçlar ve yöntemlerle deney yapmanın çok hareketli olduğu bir dönemden geçiliyor
2 yorum
Geliştiricilerin artık Claude Code kullanarak tasarım da yapması gerektiği söyleniyor ama tasarımın inceleme/denetim gerektirmediği mi düşünülüyor?
Geliştirmeye kıyasla çok daha hızlı ve sık gerçekleşen geri bildirim döngülerine ihtiyaç var.
Geliştirici iş döngüsünün en sonunda yer aldığı için, ekip içindeki rolünün bir ölçüde abartılı yorumlandığını da düşünüyorum.