Ana Sayfa
>
İçerikler
>
Vibe coding demiyorum, doğrudan tasarım diyorum

Vibe coding demiyorum, doğrudan tasarım diyorum

May 6, 2026
7
DK OKUMA
Çağdaş Yıldırım
Insider One
Product Design Lead

Çağdaş Yıldırım tasarımcının Figma'yı bırakıp doğrudan kod üzerinde üretmesini anlattı — ama "etüt" diyerek: çünkü çıktılara hâlâ %100 güvenilir gözüyle bakılmıyor.

Ç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.

Konuşmanın tamamı: "Doğrudan Tasarım Üzerine Etütler", Alive'26.

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:

01 · Kaynak

MCP'ler

Figma Dev Mode, Playwright, tasarım sistemi ve UX writing tarafı için ayrı bağlantılar.

+
02 · Kural

Skill'ler

design-system, code-connect, fe-dev, figma-to-vue gibi ayrı ayrı yazılmış yöntem dosyaları.

+
03 · İşçi

Agent

Kendi kendine yeten bir prompt'la çağrılan fe-dev agent'ı; üretimi o üstleniyor.

İki kart: solda MCP listesi (Figma Dev Mode MCP, Engineering Knowledge Base, SuperNova MCP, Insider One UXW MCP, Playwright MCP), sağda skill ve agent dosyaları (design-system.md, code-connect.md, fe-dev.md, figma-to-vue.md, repo-to-vue.md)
Kurulumun iki yarısı: sorgulanabilir kaynaklar ve onları kullanan skill dosyaları. Kaynak: Alive'26 sunumu.

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.

Efor dağılımı grafiği: Prompt Fixing %55, Skills %32, Design System %15, MCPs %7, FE-Dev %1
İşin büyük kısmı modeli yönlendirmekte: prompt düzeltme ve skill yazımı toplamın çoğunu alıyor. Kaynak: Alive'26 sunumu.
Ders

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 Lead

Bu 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.

Yaklaşan etkinlik

Alive Konf BAKU — Biletler Satışta

1-2 Ekim 2026
Hilton Baku
20+ konuşmacı, 2 gün
0
Gün
00
Saat
00
Dakika
Konular
design-2
product-2
ai-2
ai-agent
erisilebilirlik
arastirma-raporlari
pazarlama
liderlik
Tasarım
design
product
Yapay Zeka
ai
Alive'26

Diğer İçerikler

Tüm yazılar
Haftalık bülten

Canlı kalmanın haftalık dozu.

Tasarım, ürün ve yapay zekâdan seçtiğimiz en iyi okumalar — her cuma, posta kutunda.

E-posta
Teşekkürler! Kaydın alındı — ilk bülten cuma posta kutunda.
Bir şeyler ters gitti. Lütfen tekrar dene.