Çağdaş Yıldırım "vibe coding" demeyi sevmiyor. Yaptığı işe doğrudan tasarım diyor — ve isimlendirme burada bir detay değil, işin tarifi.
Tarif şu: tasarımcı Figma'da maket üretip mühendise devretmek yerine, Cursor ya da Claude Code gibi araçlarla doğrudan kod üzerinde inşa ediyor. Niyet ile gerçeklik arasındaki çeviri katmanı kalkıyor; geri bildirim döngüsü haftalardan dakikalara iniyor. Yayına aldığın şey vizyonunun %80'lik bir yorumu değil, tam olarak hayal ettiğin şey oluyor.
Başlıktaki "etüt" kelimesi de bilinçli. Çağdaş işi bitmiş bir yöntem olarak değil, süren bir deneme-yanılma-hata giderme inatlaşması olarak anlatıyor.
Dönüm noktasıBilgi hazinesi: nereye bakacağını bilmek zorunda kalmamak
Her şey bilgiye erişimle başladı. Çağdaş'ın tarifiyle bir bilgi hazinesi: birleştirilmiş bir bilgi tabanı, yani doğru cevabı almak için nereye bakacağını bilmene gerek bırakmayan tek bir arama merkezi.
Bunu kurmak için attığı adım tek cümlelikti: bütün frontend repo'larını, shell'leri, proje iskeletlerini ve teknolojileri analiz et, bunlardan bir skill çıkar. Ortaya frontend teknolojileri, kaynaklar, test ve iş akışı bilgisini tek yerde tutan bir zemin çıktı.
Kariyerinin ilk üç dört yılını front-end geliştirici olarak geçirmiş olması burada işe yarıyor: başlangıç noktası tamamen mühendislik temelli bir altyapı.
İnat"Panelimizi sadece prompt ile yaratabilir miyim?"
Fikir buydu: lokal ortamda, şirketin kendi panelini yalnızca prompt ile üretmek. Ortaya çıkan kurulum tek bir araç değil, birbirine bağlanmış bir set:
MCP'ler
Figma Dev Mode, Playwright, tasarım sistemi ve UX writing tarafı için ayrı bağlantılar.
Skill'ler
design-system, code-connect, fe-dev, figma-to-vue gibi ayrı ayrı yazılmış yöntem dosyaları.
Agent
Kendi kendine yeten bir prompt'la çağrılan fe-dev agent'ı; üretimi o üstleniyor.
Akış tek komuta indirgenmiş durumda: bir Figma linkiyle figma-to-vue çağrılıyor, sistem bağlamı topluyor, sayfayı hazırlıyor, ham Figma değerlerini tasarım sistemi token'larına çeviriyor, agent'ı görevlendiriyor, üretilen dosyayı statik olarak inceliyor, geliştirme sunucusunu başlatıp Playwright ile sayfaya gidiyor ve bulduğu hataları otomatik düzeltiyor.
Dikkat çekici olan, eforun nereye gittiği. Kurulumun içinde en büyük payları tasarım sisteminin kod tarafıyla bağlanması, yöntem dosyalarının yazılması ve halüsinasyonu önleme politikası alıyor. Agent'ın kendisi neredeyse hiç yer kaplamıyor.
Neden "etüt" demeye devam ediyor
Sunumun üçüncü parçası çıktıların güvenilirliğiydi ve çok net konuşuldu: çıktılara asla %100 güvenilir gözüyle bakılmıyor. Insider One ürün ekibinde bu çalışmalar ayrıca etiketleniyor — yani üretimin nasıl çıktığı kayıt altında.
Dene ve yanıl, ama düzelt.
— Çağdaş Yıldırım, Insider One · Product Design LeadBu duruş, "tasarımcı artık kod yazıyor" başlığının altını doldurması gereken şey. Kod üretmek kolaylaştı; üretilenin doğru olduğundan emin olmak kolaylaşmadı. İşin büyük bölümü de tam olarak orada.
Konuşmanın Alive'26 sayfası — sunum PDF'i ve özet burada.


