Tasarımcılar Claude Code'u Nasıl Kullanıyor [YouTube]

(youtube.com)

13 puan yazan GN⁺ 2026-01-20 | Henüz yorum yok. | WhatsApp'ta paylaş

Tasarımcıların Claude Code gibi CLI tabanlı ajanları bir çalışma tezgâhı gibi kullanıp hızlıca üretip düzeltme yaklaşımı yaygınlaşıyor
Cursor’un görsel editörü ile padding ve spacing gibi ince ayarlar anında görülebiliyor, böylece prompt gidip gelmeleri azalıyor
Gerekli UI efektini bulamazlarsa küçük bir playground/stüdyoyu kendileri kurup seçenekleri deniyor, ardından kesinleşen kodu ana projeye taşıma yöntemi yerleşiyor
Güçlü referanslar URL olarak eklenip tekniğin analiz edilmesi ve uygulanması sağlanıyor; böylece öğrenme ve uygulama aynı anda ilerliyor
Global/proje Claude.md dosyaları yalın tutuluyor; gerekirse alt klasörlere bölünerek bağlamın gereksiz büyümesi azaltılıyor

Claude Code’a bir kodlama aracı değil, bir bilgisayar gibi yaklaşma bakışı öne çıkıyor

2026'da Tasarımcının Yapay Zeka Workbench'i

Doğru kurulumu bulmaktan çok becerileri (kas hafızasını) güçlendirmenin öncelikli olduğu fikri yayılıyor
Herkesin çalışma tezgâhındaki araç duvarı farklılaşıyor ve “tek doğru stack” takıntısı zaman kaybına dönüşüyor
Aracın kendisi değişse bile geçerli kalan felsefe/yaklaşım daha uzun ömürlü oluyor

Görsel editör, “anında ayarla → anında kontrol et” akışını mümkün kılarak ince ayar hızını artırıyor
Padding gibi değerler tam bilinmese bile UI üzerinden doğrudan ayarlayıp yinelemeli optimizasyon yapmak mümkün
Prompt gidip gelmeleri yerine ekranda doğrudan kurcalamak, tasarımcılar için daha doğal bir yöntem
VS Code uzantısı, terminal korkusunu azaltan bir giriş kapısı işlevi görüyor
Uygulama arayüzündeki fare/kaydırma gezinmesi, terminale kıyasla üretkenlik farkı yaratıyor

İstenen etkileşim yoksa yalnızca o öğeyi denemeye yarayan kişisel bir stüdyo doğrudan kuruluyor
Hover videoya eklenecek waveform ses aç/kapat animasyonu için seçeneklerin denendiği bir ortam hazırlanıyor
Beğenilen durum seçildikten sonra kod alınıp ana proje bileşenine bağlanıyor
Bir kez üretilen efektler/parametreler başka ikon ve öğelerde yeniden kullanılarak genişletiliyor
Video yüklendikten sonra onu 3D gösteren hologram projector gibi araçlar da aynı yöntemle geliştiriliyor

Geliştiricilerin kullandığı kod terimleri/adlandırmaları öğrenildiğinde model efektleri daha iyi eşleştiriyor
“glitchy”, “CRT scan lines” gibi ifadeler doğrudan kod uygulamasına bağlanabiliyor
İyi örneklerin kaynağı (URL) eklenip tekniğin bulunup uygulanması istendiğinde öğrenme hızı artıyor

Border yerine birden fazla gölge katmanıyla border + derinlik hissi oluşturan teknik benimseniyor
Katman sayısı (ör. 3) temel alınarak daha güçlü etki için bunu 5'e çıkarma gibi varyasyonlar yapılabiliyor
Buton/konteyner gibi öğelerde katman sayısı değiştirilerek ince farklar tasarlanıyor
Aynı teori farklı UI'larda tekrar tekrar uygulanarak stil tutarlılığı güçlendiriliyor

Yakob, Jay Tompkins gibi referans kümeleri öğrenme malzemesi yapılarak görsel/etkileşim denetim ajanları kuruluyor
Compounding Engineering eklentisi, skill/agent kurgusunu daha hızlı oluşturmayı sağlayan bir katalizör görevi görüyor
Referans tabanlı denetim otomatikleştirildiğinde manuel “incele-iyileştir” döngüsü tekrar tekrar işletilebiliyor
Tek bir skill içine tüm tasarımcı zevklerini doldurmak onu işe yaramaz hâle getiriyor; kapsam bilinçli biçimde cerrahi hassasiyetle daraltılmalı
“Her zaman incelik” gibi önyargılara karşı dikkatli olunmalı; vurgu ile arka plan detayını ayıran ölçütlere ihtiyaç var

React/Next.js'te Leva ile parametreler knob/slider olarak açığa çıkarılıp anında ayarlanabiliyor
Hover corner line animasyonunun süresi ve tracer zamanlaması gibi değerler gerçek zamanlı ayarlanabiliyor
“Leva ekle ve benim ayarlamak istediklerimi bağla” gibi doğal dil talimatlarıyla kurulum otomatikleştirilebiliyor
Hangi parametrelerin gerektiği bilinmese bile “ilgili knob'ları oluştur” diyerek keşfe başlanabiliyor

Global Claude.md'ye yalnızca gerçekten genel kurallar konmalı; proje Claude.md de aşırı ansiklopedik olmaktan kaçınmalı
Kalıcı bellek belgeleri şiştikçe bağlam kirleniyor ve iş kalitesi düşüyor
Alt dizin bazlı Claude.md dosyalarıyla alanlara göre yönergeler ayrılıp yalnızca gerekli bağlam yükleniyor
“UI kontrolü gerekli” gibi tetikleyici cümleler global kural olarak tanımlanıp, o durumda Leva'nın otomatik benimsenmesi gibi kalıplar kurulabiliyor

Araç tavsiyeleri birkaç ay içinde anlamını yitiriyor; içerik odaklı “10 kat üretkenlik” mesajları ise aşırı optimizasyon döngüsü yaratıyor
Teknik olmayan tasarımcılar tavsiyeleri daha kolay harfiyen uyguladığı için ilke merkezli yaklaşım bir savunma hattı işlevi görüyor
Gitar efektörü/amfi örneğinde olduğu gibi, doğru cevap değil zevk ve amaç stack'i belirliyor
“Sistemi optimize etmekten gerçek üretim yapamama” durumu en büyük kayıp olarak öne çıkıyor

Ücretsiz denemeleri aktif kullanmak ve araçlar arasındaki tekrarları azaltarak gürültüyü düşürmek gerekiyor
Claude Code'un 20$ sınırına sık takılınıyorsa Factory gibi 20$'lık bir abonelik eklenip model erişimi dağıtılabiliyor
Factory'de Gemini 3 Pro ile UI üretip Claude Code'da büyük işleri yürütme gibi ileri geri kullanım mümkün
Claude Code'un 100$ katmanı, limit stresini azaltarak akışın korunmasına yardımcı oluyor
Claude Code'u Obsidian düzenleme, Linear düzenleme gibi işlere de genişletip bir “bilgisayar” gibi kullanma verimliliği hedefleniyor

Yarım gün “üretim yasak, yalnızca kurulum iyileştirmesi serbest” olarak ayrılıp deney ve bakım odaklı kullanılıyor
Eklenti kurulumu, klasör düzenleme, yeni workflow denemeleri, röportaj/yazı derinlemesine okuma gibi işler tek bir güne toplanıyor
Bir sonraki tuneup day'de yapılacaklar listeye eklenip o gün seçilerek yürütülen bir çalışma alışkanlığı oluşuyor
Bu yaklaşım hem deney hızını artırıyor hem de aşırı optimizasyon döngüsünden kaçınmaya yardımcı oluyor