brick by brick #21: Yaratıcısından Claude Code Tavsiyeleri, Figma MCP Kullanım Örnekleri


brick by brick'e hoş geldiniz!

21. sayıdan selamlar!

brick by brick okuyucuları: yaa bu bülten girişleri gittikçe kötüleşiyor ya, yani komik de değil ki, yazar kendi kendine takılıyor, esprileri de anlamıyoruz ki biz abi bu gen z hiç bi işi beceremiyor ya zaten klavyeyi alın şu kızın elinden ya unsub basıyorum ben

ben: cansın🌹

Bana hala gülüyorsunuz di mi canım brick by brick okuyucuları,,, komiğim di mi????

Bu kadar geyik yeter, söz bültenin devamında başka espri yapmayacağım. I just had to get it out of my system.

OK. Let's get down to business.

Bu sayıda yaratıcısının ağzından Claude Code tavsiyeleri ve gözümüze takılan Figma MCP kullanım senaryolarını derledik.

Ama yazılara geçmeden önce... başka bir şeyden bahsetmek istiyoruz.

Ne olduğunu tahmin edebildiniz mi?

Alive’26: Exploring AI

28–29 Nisan, İstanbul.
İki gün, bolca keşif.

“AI ne ara bu noktaya geldi?” diyenlerle,
“biz çoktan AI Native olduk bile” diyenleri
aynı odaya topluyoruz.

📈 28 Nisan — Ürün Günü
AI ile ürün geliştirme nasıl değişiyor?
Karar alma süreçleri, ekip yapıları, yeni araçlar…
Ürün tarafında gerçekten neler oluyor, sahadan dinleyeceğiz.

Konuşmacılar:

🎤 Pelin Anlı Bedirhanoğlu — Director of Product @Zalando
🎤 Ferit Büyükkeçeci — Chief Technology and Data Officer @Sigortam.net
🎤 Selver Ezgi Küçükbay — Senior Data Scientist, Team Lead @JotForm
🎤 Mehmet Hüseyin Kafadar — AI Enablement Director @Paribu
🎤 Atakan Nalbant — Co-Founder & CEO @Binclusive
🎤 Sezer Bakay — Director of Product @Armut / Prontopro / Homerun
🎤 Merve Erdem — Senior Product Team Manager @Commencis
🎤 Melikcan Şirvan — Senior Product Manager @Commencis

🎨 29 Nisan — Tasarım Günü
Tasarımcılar artık sadece tasarlamıyor.
Akış kuruyor, prototip çıkarıyor, hatta kod yazıyor...

AI ile tasarım pratikleri nasıl evriliyor,
nerede hızlanıyoruz, nerede hâlâ zorlanıyoruz — birlikte bakacağız.

Konuşmacılar:

🎤 Jan Six — Principal Product Designer @GitHub
🎤 Berkan Iş — Product Design Manager @BtcTurk
🎤 Koray Kulak — Head of UI/UX Design @TEB
🎤 Sevgin Cumalı — DesignOps Manager @Insider
🎤 Çağdaş Yıldırım — Product Design Lead @Insider One
🎤 Mehmet Emin Ciddi — Head of Product Design @Insider
🎤 Gökhan Beşen — Director of User Experience @Sahibinden
🎤 Abdussamed Tezer — DesignOps & Design Architect @Sahibinden
🎤 Kudret Çayıroğlu — Product Design Team Lead @Sahibinden
🎤 Özge Çelebi — Lead Product Designer @sahibinden.com
🎤 Sertan Arığ — Design Manager @Commencis
🎤 Anıl Şen — Staff UI Designer @Commencis
🎤 Zeynep Yalman Yıldırım — DesignOps Specialist @Softtech
🎤 Orkun Yeşim — Design Center of Excellence Lead @Softtech

🎟 Ayrıca küçük bir hatırlatma: Eğer üç veya daha fazla kişi katılıyorsanız, ekibinize özel fiyatlar için brick ekibinden Nil Karul'a nil@brick.institute mail adresi üzerinden ulaşabilirsiniz.

Sen de yerini al, birlikte keşfedelim!

Bu sayının ilk yazısıyla devam edelim, keyifli okumalar.

Yaratıcısından Claude Code Tavsiyeleri

Aracı indirdik, "merhaba dünya" yazdırdık, tebrik ettik kendimizi. Ama buzdağının görünen kısmındayız.

Claude Code'un yaratıcısı ve başkanı Boris Cherny, geçen hafta Twitter'da bir thread paylaştı. Konu: çoğu kullanıcının farkında bile olmadığı özellikler. Biz de o listeyi alıp sana sindirilebilir bir formata döktük. Arada brick Co-Founder'ı Mustafa Dalcı'nın yorumlarına da yer verdik.

Hadi başlayalım. 🚀

1. Telefona da yüklüydün, haberin var mıydı?

Claude Code'un bir mobil uygulaması var. iOS ve Android. Cherny kodu çoğunlukla telefondan yazıyor — laptop açmadan. Uygulamada sol taraftaki Code sekmesi, seni terminal deneyimine taşıyor.

📱 Yani "şu an masaüstüm yok" artık bir bahane değil.

"Artık daha stabil çalışmaya başladı gibi, aman tahtaya vurup nazar değmesin diyelim, şu videoda bahsettiğimiz ama hatalar yüzünden gerçekleştiremediğimiz “parkta çocuk beklerken kodlama yapmak” artık hayal değil. Bir baba bu örneği verebiliyor, sen sporda yürüyüşte dersin, daha güzel örnek de olabilir :)”
video preview

2. Oturumları cihazlar arasında taşı

Terminalde başladın, telefondan devam etmek istiyorsun. claude --teleport veya /teleport komutu seni cloud oturumuna bağlıyor. Ya da /remote-control ile lokalden çalışan bir oturumu uzaktan yönetiyorsun.

Cherny bunu o kadar çok kullanıyor ki "Tüm oturumlar için Remote Control'ü etkinleştir" seçeneğini /config içinde kalıcı hale getirmiş. 🔄

Dokümantasyon

3. /loop ve /schedule — "en güçlü iki özellik"

Cherny'nin kendi ifadesiyle bunlar Claude Code'un en güçlü özellikleri. /loop ve /schedule ile Claude'u belirli aralıklarla otomatik çalışacak şekilde ayarlıyorsun — bir haftaya kadar.

Cherny'nin aktif döngülerinden bazıları:

  • /loop 5m /babysit → PR'ları otomatik inceleyip merge'e hazırlıyor
  • /loop 30m /slack-feedback → Her 30 dakikada Slack'e PR açıyor
  • /loop 1h /pr-pruner → Atıl PR'ları temizliyor

Özet: Uyurken kod review'u geçiyor. 😎

Dokümantasyon

“Bu ikisi benim için listenin özeti. Cherny "en güçlü iki özellik" diyor, haklı. Ama asıl mesele şu: biz hâlâ AI'ı "komut ver, bekle, çıktıyı al" döngüsünde düşünüyoruz. Loop ve Schedule tam burada paradigmayı kırıyor. Ajan uyurken PR review geçiriyor — bu artık co-pilot değil, gece vardiyasına çıkmış bir asistan. Organizasyonlar bunu içselleştiremeden "AI'ı kullanıyoruz" diyemez bence.”

4. Hooks ile agent lifecycle'ı kontrol et

Agent her adım attığında ne olacağını sen belirleyebilirsin. Hook'lar tam olarak bunu sağlıyor:

  • SessionStart → Oturum başlarken bağlam yükle
  • PreToolUse → Her bash komutunu logla
  • PermissionRequest → İzin isteklerini WhatsApp'a yönlendir, onayla/reddet
  • Stop → Claude durduğunda onu tekrar harekete geçir

Determinizm isteyenler için güçlü bir araç. 🎛️

Dokümantasyon

5. Cowork Dispatch — bilgisayarında değilken bilgisayarını kullan

Dispatch, Claude Desktop uygulaması için güvenli bir uzaktan kumanda. MCP'leri, tarayıcını ve bilgisayarını senin izninle kullanıyor. Cherny kendi workflow'unu şöyle özetliyor: "Kod yazmadığımda, dispatch ediyorum."

Slack'i kontrol et, dosyaları yönet, görevleri ilerlet — hepsi uzaktan. 💻

Dispatch'e göz at

“Burası hala Openclaw’un "Telegram’dan konuşup hallediyoruz"u kadar akışkan değil veya Claudflare’den Tunnel açıp Openclaw’a istek atabiliyorum esnekliğinde değil ama Cowork’e ciddi yatırım yaptıklarını biliyoruz, şimdilik gideri var ama gelişmesi gerekiyor.”

6. Chrome eklentisi ile frontend işi bambaşka bir şey

En kritik ipucu belki de bu. Claude'un çıktısını doğrulayabileceği bir ortam vermezsen, iyi sonuç almanın garantisi yok. Chrome eklentisiyle Claude, yazdığı kodu tarayıcıda görüp iterate ediyor.

Cherny'nin analojisi: Tarayıcısı olmayan bir yazılımcıdan iyi bir web sitesi bekler misin? 🧐

Chrome/Edge eklentisi

“Cherny'nin analojisi çok yerinde: tarayıcısı olmayan yazılımcıdan iyi web sitesi bekleme. Bu aslında sadece Claude Code meselesi değil — "doğrulama ortamı vermezsen kaliteli çıktı bekleme" ilkesi tüm AI destekli iş akışları için geçerli. Şunu da not düşmeden geçemem: Bu eklentinin Chrome Store puanı 2.7, hala vaat ettiği gibi çalışmıyor ama bu özellikte de ciddi bir düzelme var, buraya da yatırım yapıyorlar.”

7. Desktop uygulaması sunucuyu otomatik başlatıyor

Desktop app, web sunucunu otomatik çalıştırıp dahili bir tarayıcıda test edebiliyor. CLI veya VSCode kullanıyorsan Chrome eklentisiyle benzer bir setup kurabilirsin. Ama en kolay yol Desktop app.

Dokümantasyon

8. Oturumu çatalla (/branch)

"Şu an çalışan oturumdan bir şeyleri bozmadan denemek istiyorum" durumu tanıdık geliyor mu? İki yol var:

  1. Oturum içinden /branch komutu
  2. Terminalden: claude --resume

9. /btw ile agent çalışırken soru sor

Agent bir görevle meşgulken sen başka bir şeyi merak ediyorsun. /btw komutu o anlık soruyu, ana akışı kesmeden yanıtlamasını sağlıyor. Küçük ama hayat kurtarıcı. ⚡

“Çalışmasını beklerken aklına bir şey takılan ve hemen sorması gereken unutkanlar için küçük ama filozofik bir şey bu. Ajan çalışırken onu kesip ana akışı mahvetmek yerine, paralel bir düşünce kanalı açıyorsun. Bence bu özellik "tek seferde tek iş" zihniyetinin sonunu simgeliyor. Asiste etmek böyle bir şey — araya girmeden yardım etmek.”

10. Git worktree'leri kullan — paralel çalışmanın sırrı

Aynı repoda onlarca Claude ajanı paralel çalışıyor olabilir. Bunu mümkün kılan git worktree desteği. Claude Code bunu natively destekliyor:

  • claude -w → Yeni bir worktree'de oturum başlat
  • Desktop app'te "worktree" kutucuğunu işaretle

Cherny'nin sözü: "Onlarca Claude aynı anda çalışıyor, bunu böyle yapıyorum." 🌳

Git worktree nedir?

11. Yakında: /simplify ve /batch

Cherny thread'inde bir de müjde var: Claude Code'un bir sonraki versiyonunda iki yeni Skill geliyor — /simplify ve /batch.

/batch özellikle büyük ve paralelleştirilebilir işler için tasarlanmış: önce seni "röportaj yapıyor", sonra işi onlarca, yüzlerce hatta binlerce worktree ajanına dağıtıyor. Cherny her ikisini de günlük kullandığını söylüyor ve herkesle paylaşmayı dört gözle beklediğini belirtiyor.

Henüz mevcut değil, ama yakında. 👀

12. --bare ile SDK başlangıcını 10x hızlandır

Varsayılan olarak claude -p çalıştırdığında araç CLAUDE.md dosyalarını, ayarları ve MCP'leri tarıyor. Non-interaktif kullanımda buna genellikle gerek yok.

--bare flag'i ile gereksiz yüklemeleri atlıyorsun. Başlangıç süresinde ciddi fark var. ⚡

13. --add-dir ile Claude'a ek klasörlere erişim ver

Birden fazla repoda çalışıyorsan Claude'u bir repoda başlatıp /add-dir veya --add-dir ile diğer repoları da ekleyebilirsin. Bu sadece görünürlük değil — Claude o klasörde çalışma iznini de alıyor.

Takım için kalıcı yapmak istiyorsan settings.json içine "additionalDirectories" ekle.

CLI Referans

14. --agent ile özel sistem prompt'u ve araçlar

.claude/agents içinde bir agent tanımla, sonra claude --agent=

Dokümantasyon

15. /voice — konuşarak kod yaz

Cherny'nin itirafı: Kodun büyük çoğunluğunu yazarak değil, konuşarak yapıyor.

CLI'da /voice çalıştır, boşluk tuşunu basılı tut ve konuş. Desktop'ta ses butonunu kullan. iOS'ta ise dil ayarlarından dikte modunu aktifleştirmek yeterli. 🎙️

“Son 3 yıldır "voice UI artık geliyor" deyip durduk. Trend listelerinin süsü oldu. Cherny'nin "kodun büyük çoğunluğunu konuşarak yapıyorum" demesi işte tam o "uygulamada karşılık bulduğu an." Kehanet bitti, muhasebe zamanı. Ekleyelim, Wispr Flow ise tüm cihazda bu işi yapıyor, o yüzden ondan da devam edebilirsiniz, ama Eran'la şu konuda hemfikiriz, yazmak kafayı toplamak adına daha iyi bir eylem, konuşurken bazen boş konuşabiliyoruz :)”

Boris Cherny bu listeyi "gizli ve az kullanılan özellikler" diye nitelendiriyor. Ama aslında bunlar aracın tam potansiyeline ulaşmanın yolları.

Tek seferlik denemek yerine bir tanesini al, bu hafta workflow'una entegre et. Sonra bir sonrakine geç. Claude Code'un sana ne kadar zaman kazandırabileceğini görmek için önce onu gerçekten tanıman gerekiyor.

Listede hangi özellik seni en çok heyecanlandırdı?

Boris’in thread’ini okuyunca şunu fark ettik:
Herkes aynı aracı kullanıyor ama ortaya çıkan şeyler… aynı değil.

Birinin “ufak script” dediğine, diğeri ürün roadmap’i yazdırıyor.
Bir yerde hâlâ “promptu düzgün yazayım” stresi var, başka bir yerde “bunu deploy ettik bile” rahatlığı.

Aynı tool ama herkesin seviyesi, cesareti ve kullanım şekli bambaşka.

Bu farkları daha derinden incelemek ister misin?

👉 2026 Ürün Yönetimi Raporumuz için veri toplamaya devam!

Türkiye’de ürün ekipleri gerçekten ne yapıyor?
AI nerede işin içine giriyor, nerede hâlâ kenardan izliyor?
Kararlar gerçekten nasıl alınıyor?

Ürün tarafındaysan, anketi doldur —
çünkü bu hikâyeyi en doğru anlatacak şey:
senin gerçekten nasıl çalıştığın.

Tabi hikâye sadece ürün ekipleriyle sınırlı değil.

Softtech iş birliğiyle bu kez UX tarafına da bakıyoruz.
Design Roundtable serimizin ilkinde konuşulanları iki sayı önce paylaşmıştık.

(göz atmadıysan öneririz 👀).

Şimdi o sohbeti veriyle genişletiyoruz:
UX profesyonelleri AI araçlarını pratikte nasıl kullanıyor?
Nerede hızlanıyor, nerede zorlanıyor, rol nasıl evriliyor?

👉 UX Raporu 2026 anketimiz de yayında.

UX tarafındaysan, 8–10 dakikanı ayırıp deneyimini paylaş bu dönüşümü birlikte daha net görelim.

Kısacası:
Yaratıcısının Claude Code’u nasıl kullandığını okumak güzel,
ama senin nasıl kullandığın bizim için daha değerli.

Şimdi 2. yazımızda Claude Code dünyasından çıkıp bu aralar gündemde olan bir başka konuya bakıyoruz.

Figma MCP ile Ne Yapılır? 7 Kullanım Senaryosu

Tasarımdan koda geçişte kaybolan saatlerden bıktıysanız — frameden frame'e kopyaladığınız renkler, "ben tam bunu kastetmemiştim" denen handoff'lar, devlerle tasarımcılar arasındaki sonsuz gidip-gelmeler — Figma MCP tam olarak o sürtünme noktasını hedef alıyor.

Model Context Protocol, AI asistanlarının Figma dosyalarını gerçek anlamda "okumasını" sağlıyor; ekran görüntüsü üzerinden tahmin yürütmek yerine token değerlerini, bileşen isimlerini, layout yapısını bağlam olarak kullanıyor. Haziran 2025'te resmi Dev Mode MCP server duyurusuyla başlayan bu süreç, hızla genişleyen bir ekosisteme dönüştü. İşte pratikte ne işe yaradığına dair 7 senaryo. 🚀

1. Tasarımdan koda tek adımda

Developer, Figma'da bir frame seçiyor ya da IDE'ye bir Figma linki yapıştırıyor. MCP sunucusu tasarım bağlamını çekiyor, AI framework'e özgü kodu üretiyor. Builder.io'nun rehberine göre varsayılan çıktı React + Tailwind CSS, ama proje framework'ü otomatik algılanıyor. Bir dev.to yazarı, iyi prompt'larla bir Hero bölümünü 5 dakikadan kısa sürede oluşturduğunu aktardı. Medium'da yayınlanan başka bir iş akışı yazısında ise Figma MCP'nin AI ile birlikte kullanılarak nasıl ciddi üretim değeri ürettiği gösteriliyor. ⚡

2. Design token okuma ve senkronizasyon

get_variable_defs aracı, seçimdeki tüm değişkenleri ve stilleri çekiyor. Ekran görüntüsü tabanlı yöntemlerin aksine, hangi token'ın tam olarak uygulandığını biliyor. Takımlar Figma değişkenleri için kod sözdizimi tanımlayabiliyor — örneğin var(--color-primary-500) — ve MCP sunucusu bunu doğrudan LLM'e iletiyor. İş akışı: Token'ları IDE'de çek → tokens.ts ya da tailwind.config.ts'ye kaydet → AI ile tüm tasarım değerlerini token referanslarına eşle → Git'te versiyonla. 🎨

3. Tasarım sistemi denetimi ve otomasyonu

MCP sunucusu bir kod tabanını tarayıp token tanımları, bileşen kütüphaneleri ve isimlendirme kurallarını içeren yapılandırılmış bir rules dosyası çıkarabiliyor. Mart 2026'da Medium'da yayınlanan bir makaleye göre olası kullanım senaryoları arasında tutarsız isimlendirme kurallarına sahip bileşenleri işaretleme, eksik durumları tespit etme ve dökümantasyonda referans verilmeyen bileşenleri yüzeye çıkarma yer alıyor. Figma'nın AI raporuna göre geliştiricilerin %68'i kod yazmak için AI kullanırken yalnızca %32'si çıktıya güveniyor — MCP üzerinden gelen tasarım sistemi bağlamı tam da bu güven açığını kapatmaya yönelik. 📊

4. Claude Code ↔ Figma çift yönlü döngüsü

Şubat 2026'da duyurulan bu özellikle Claude Code'da inşa edilen UI, generate_figma_design aracıyla düzenlenebilir Figma katmanlarına dönüştürülüyor. Tasarımcılar Figma'da iyileştirme yapıyor, developerlar güncellenen tasarımı MCP üzerinden geri çekiyor. Lenny's Newsletter podcast'inde Gui Seiz (tasarımcı) ve Alex Kern (mühendis) bu döngüyü canlı olarak gösterdi. Kod → Figma → kod — dönüp duruyoruz ama bu sefer verimli. 🔄

5. PRD'den üretime otomatik pipeline

Francesca Tabor'ın Mart 2026 tarihli makalesinde detaylandırılan iş akışı şöyle işliyor: Figma linkleri gömülü PRD → AI, MCP üzerinden tasarım bağlamını okuyor → PRD gereksinimleriyle karşılaştırmalı boşluk analizi yapıyor → Figma Make iyileştirmeler üretiyor → Doğrulanmış tasarım prototipi → Üretime hazır UI kodu → Component ve token doğrulaması. Bu yaklaşım "mühendislik yeniden çalışmasını azaltan ve kod üretiminden önce UX doğrulaması sağlayan sürekli bir tasarım QA döngüsü" oluşturuyor. 🏗️

6. FigJam diyagramlarından kod mimarisi

MCP sunucusu FigJam dosyalarını da destekliyor. get_figjam aracı akış şemalarını ve mimari diyagramları XML'e dönüştürürken, generate_diagram Mermaid sözdiziminden FigJam diyagramları oluşturuyor. Bu, teknik planlama aşamasından doğrudan kod iskeleti üretmeyi mümkün kılıyor. Whiteboard'dan direkt koda — aradaki "şimdi bunu nasıl kodlayacağız" toplantısını atlayabilirsiniz. 🗺️

7. Multi-MCP orkestrasyon

Medium'da Oleksandr Konovalov'un anlattığı "2026'nın O-Şekilli tasarımcısı" yaklaşımında tek bir konuşmada dört farklı MCP birlikte çalışıyor: Notion MCP (kopya ve ton eşleştirme), GitHub MCP (repo'da bileşen kontrolü), Figma MCP (tasarım bağlamı) ve Linear MCP (tutarsızlık ticket'ları). Ayrı araçlarda saatler harcamak yerine tek bir ajanla yönetilen bir iş akışı. Bu, "AI'yı araç olarak kullanan tasarımcı" değil, "araçları orkestre eden tasarımcı" farkı. 🎛️

X'te Yankı Uyandıranlar

Bu senaryolar sadece blog yazılarında değil, X'te de gerçek kullanıcılar tarafından canlı olarak paylaşılıyor. İşte son bir ayda en çok etkileşim alan örnekler:

Figma'nın resmi duyurusu (10.3K beğeni, 17.7M görüntülenme) ile use_figma MCP aracı açık betaya girdi: "Artık AI ajanlarını Figma canvas'ında doğrudan tasarım yapmak için kullanabilirsiniz." Skills özelliği sayesinde ajanlar sadece katman oluşturmuyor, ekibin tasarım kurallarını da öğreniyor. 🚀

Thariq (@trq212, 6.2K beğeni) güncellemeden hemen sonra "Bugünkü Figma MCP güncellemesi, Claude Code ile gördüğüm en güçlü entegrasyonlardan biri" diye yazdı. Birkaç gün sonra keşfettiği iş akışını paylaştı (1.4K beğeni): Figma'da çok kaba bir eskiz çizip Claude Code'un bunu Figma'da detaylandırmasını istiyor, elle iyileştirdikten sonra koda geri gönderiyor — eskiz → AI detaylandırma → elle rötuş → kod döngüsü. 🎨

@spect3ral (599 beğeni) belki de en somut örneği paylaştı: "Figma MCP + Claude Code: 11 dakikada 140 reklam görseli. Aynı marka renkleri, aynı fontlar, aynı layout kuralları. Çünkü AI gerçek Figma dosyamı okuyor." AI-üretimi reklamlardaki "jenerik görünüm" sorununu, MCP'nin marka bağlamını doğrudan aktarmasıyla çözdüğünü anlattı. ⚡

GitHub resmi hesabından (1.3K beğeni) entegrasyonu duyurdu: "Figma'nın MCP sunucusuyla artık GitHub Copilot CLI veya VS Code kullanarak dosyalarınızda doğrudan değişiklik yapabilirsiniz." Figma CEO'su Dylan Field da yeni MCP partnerlerini paylaştı: Cursor, Warp, Factory, Augment Code ve Firebender. "AI, herkesin ifade edebildiği her şeyi inşa etmesini kolaylaştırdığında, fark yaratan şey tasarım olacak" dedi. 🤝

Nick (@nickbakeddesign, 870 beğeni) bütçe dostu bir keşif paylaştı: "Herhangi bir web sitesini Figma'ya düzenlenebilir katmanlar olarak yapıştıran ücretsiz bir bookmarklet var. Aylık 18$'lık ücretli bir aracın yerini aldı!" Figma MCP altyapısını kullanarak tarayıcıda çalışan, AI'ya bile ihtiyaç duymayan bir araç. 🛠️

@writenicecode (226 beğeni) hız testini paylaştı: "22 dakikada tasarladım, Claude ve Figma MCP ile 10 dakikada kodladım, 3 dakikada animasyonları ekledim." Toplam 35 dakikada tasarımdan canlı ürüne. ⏱️

Marcel Kargul (357 beğeni) gerçekçi bir değerlendirme sundu: "Figma MCP + Claude Code'u tasarımdan koda geçişte kullanıyoruz. Mükemmel değil, hâlâ biraz cilalama gerekiyor — ama geliştirme sürecimizi yaklaşık %50 hızlandırdı." 📊

Peter Yang (474 beğeni) ADPList CEO'su Felix Lee ile yaptığı canlı demoyu paylaştı: Figma → Koda 15 dakikada, Kod → Figma'ya geri düzenlenebilir tasarım olarak. Felix Lee de (315 beğeni) durumu özetledi: "Tasarımcılar, 2026'da en yüksek kaldıracınız bu. Akıl almaz. Geride kalmayın." 🔄

Rakamlar ne diyor?

Affirm'de PM'ler, mühendisler ve tasarımcılar Figma MCP kullanarak büyük ürün akışlarını iki günden kısa sürede yeniden inşa edebildiklerini aktardı — Figma'nın Eylül 2025 blog yazısına göre geliştirme hızı "büyüklük mertebeleri (orders of magnitude)" kadar arttı. Coinbase da karmaşık kullanıcı akışlarını "önemli ölçüde daha kısa sürede" inşa ettiğini bildirdi. Forrester'ın TEI çalışmasında bir finans hizmetleri kuruluşu test süreçlerinde %85-90 tasarruf bildirirken, başka bir organizasyon tasarım sisteminin Dev Mode ile daha kolay kullanılmasından 4 milyon dolarlık yeniden kullanım değeri elde etti.

Bireysel developer düzeyinde de etkileyici: Figma'nın duyuru yazısında yer alan Heroku'dan Jose Duque, "Figma'dan bir tasarım spesifikasyonu verildiğinde, elle HTML/CSS yazmak yerine dakikalar içinde frontend prototipi elde edebiliyorum" diyor. Genel eğilim: tasarımdan koda geçiş süresinde %60-80 azalma, tasarım revizyon döngülerinde yaklaşık 4'ten 1'e düşüş. Bunlar henüz büyük ölçekli bağımsız çalışmalarla doğrulanmamış olsa da, tutarlı bir tablo çiziyor. 📊

Figma MCP hakkında daha fazlası için Ege Bese'nin Türkçe deneyim yazısına ve Brick Institute bloğunda Caner Aras'ın "MCP Nedir?" yazısına bakabilirsiniz. Kurulum ve setup için Figma'nın resmi developer dokümantasyonu ve GitHub rehberi ile Apidog'un Türkçe kurulum rehberi de iyi bir başlangıç noktası.

Kısa Kısa...

  • 6 AI agent aynı anda bir uygulama tasarlıyor — ve sonuç gerçekten etkileyici: Pencil adlı platform, 6 paralel AI agent'ı bir araya getirip boş bir canvas'tan çalışan bir web sitesine geçişi canlı canlı gösteriyor. Cursor ve Claude Code ile doğrudan entegre çalışıyor, yani tasarım-geliştirme arasındaki duvarı tamamen kaldırıyor. 8 haftada 100K kullanıcıya ulaşmaları da cabası. Tom Krcha'nın demo'sunu izle 🤖
video preview
  • OKR'ları sadece hedef değil, önceliklendirme aracı olarak kullanmak: Ürün ekiplerinin en büyük derdi "neyi önce yapalım?" sorusu. Bu yazı, backlog kararlarını sezgiden çıkarıp OKR'lara dayandırmanın somut yollarını anlatıyor. Özellikle stakeholder'lara "neden bunu seçtik?" sorusunu veriye dayalı cevaplayabilmek — tanıdık bir acı noktası. Yazının tamamı burada 🎯
  • Google Workspace artık terminal'den de çalışıyor — ve odak noktası agent'lar: Google Gemini 3.1 Flash Lite'ı çıkardı, OpenAI ChatGPT'yi GPT-5.3-Instant'a güncelledi. Ama asıl ilginç gelişme Google Workspace CLI — yani Google uygulamalarını komut satırından kullanabiliyorsun ve özellikle agent entegrasyonu için tasarlanmış. AI yarışında fiyat-performans dengesi giderek daha belirleyici hale geliyor. Ben's Bites özetine göz at
  • Tam sayfa template yerine modüler content block tasarla: Düzinelerce farklı cihaz ve ekran boyutu varken sabit sayfa şablonları artık yetmiyor. Design Shack, tasarım sistemlerinde "sayfa düşünce"sinden "içerik mimarisi düşünce"sine geçişin neden kaçınılmaz olduğunu anlatıyor. Özellikle büyüyen ürünler için component-based yaklaşım hem esneklik hem ölçeklenebilirlik sağlıyor. Yazıya buradan ulaş 🧱
  • Kimse basitlik için terfi almıyor — ama almalı: 50 satırda temiz çözüm yazan mühendis, karmaşık event-driven mimari kuran mühendisten neden daha az görünür? Çünkü organizasyonlar karmaşıklığı "inovasyon" olarak ödüllendiriyor, basitliği ise görmezden geliyor. "Herkes karmaşıklık ekleyebilir. Onu çıkarmak deneyim ve cesaret ister" diyor yazar. Sadece mühendisler değil, ürün ekipleri için de geçerli bir ders. Tam yazı burada 💡
  • Design system kuracaksan işe bu checklist'le başla: Tyler Coderre, design system oluşturmanın her adımını kapsayan kapsamlı bir checklist hazırlamış. Token'lardan component library'ye, dokümantasyondan governance süreçlerine kadar her şey var. Hem sıfırdan başlayanlar hem mevcut sistemini denetlemek isteyenler için pratik bir başvuru kaynağı. Checklist'e göz at
  • "UX/UI Designer" ünvanın profesyonel markana zarar veriyor olabilir: Fast Company'de yayınlanan bu yazı, UX ve UI'ı birleştiren belirsiz iş ünvanlarının tasarımcıların organizasyon içindeki etkisini zayıflattığını savunuyor. AI tasarım işini dönüştürürken, net rol tanımları artık bir tercih değil yapısal bir gereklilik. Kariyer yolunu netleştirmek isteyenler için düşündürücü bir okuma. Yazıya buradan ulaş 🤔

Yaklaşan Brick Institute Eğitimleri

Bülteni bitirirken de biraz kendimizden bahsedelim. Bu ay yaklaşan eğitimlerimizi bir göz atmanız için şöyle özetliyoruz:

Ücretsiz Eğitimler

7 Nisan - Claude Cowork: AI ile Gerçekten Çalışmak - Product Team Lead Kubilay Arkan ile Claude Cowork'ün gücünü keşfedin! Yapay zeka ile gerçek anlamda işbirliği yapmanın, dosya yönetiminden otomasyon süreçlerine kadar günlük iş akışlarınızı nasıl dönüştüreceğinizi öğreniyoruz.

8 Nisan - Tasarım, Ürün ve Hukuk: Aynı Dili Konuşmak Mümkün mü? - Founder Legal Counsel Merve Özel ile tasarım ve hukukun kesişim noktası! KVKK, GDPR, kullanıcı sözleşmeleri ve yasal gereklilikleri tasarım sürecine nasıl entegre edeceğinizi, hukuk ve tasarım ekiplerinin nasıl verimli işbirliği yapacağını öğreniyoruz.

15 Nisan - AI ile Ürününüzü Konuşturun: Tasarım Tutarlılığını Sağlamak - Senior Product Designer Burak Kantarcı ile AI ile tasarım sistemi tutarlılığı! Yapay zeka araçlarını kullanırken tasarım dilinizin bütünlüğünü nasıl koruyacağınızı, brand voice'unuzu AI çıktılarına nasıl yansıtacağınızı keşfediyoruz.

16 Nisan - Figma MCP ile Design Review - Senior Product Designer Özge Özdiller Tanriverdi ile Figma ve MCP'nin gücünü birleştirin! Model Context Protocol ile Figma tasarımlarınızı otomatik analiz etmeyi, tutarlılık kontrolü yapmayı ve tasarım review sürecinizi nasıl hızlandıracağınızı öğreniyoruz.

21 Nisan - Brickstage: Build. Ship. Tell. - Founder'lar Eran Filiba ve Mustafa Dalcı ile Sr. Learning & Development Specialist Sertan Çevik'in özel etkinliği! Katılımcılar ürünlerini/projelerini sahneye taşıyıp hikayelerini anlatıyor, geri bildirim alıyor ve deneyimlerini paylaşıyoruz. Sahneye çıkmak için katılım formunu doldurun!

6 Mayıs - AI Çağında Kariyer Tasarımı - Growth Manager & AI Marketer Berkem Peker ile kariyerinizi geleceğe taşıyın! Yapay zeka çağında hangi becerilere odaklanmanız gerektiğini, kariyerinizi nasıl yeniden şekillendireceğinizi ve AI ile birlikte nasıl büyüyeceğinizi öğreniyoruz.

Sertifika Programları

Tasarım Eğitimleri

14-30 Nisan - Yapay Zeka Destekli UI Eğitimi - Senior UI Designer Uğur Anlak ile AI ile piksellerin psikolojisini çözün! Renk teorisinden tipografiye, grid sistemlerinden animasyonlara kadar yapay zeka araçlarıyla desteklenerek kullanıcıların "vay be!" dedirten arayüzler tasarlamayı öğreniyoruz.

5-14 Mayıs - AI App Tasarımı - Product Designer Tuğçe Şimşek ile AI ürünlerinin tasarım prensipleri! Yapay zeka destekli uygulamaların benzersiz UX/UI ihtiyaçlarını anlamaktan prompt tasarımına, AI feedback mekanizmalarından kullanıcı güvenini inşa etmeye kadar AI app tasarımının tüm yönlerini öğreniyoruz.

Ürün Yönetimi Eğitimleri

2-18 Haziran - Yazılım Geçmişi Olmayanlar için Yazılım - Tech Lead & Product Engineer Mustafa Biçer ile yazılımın kapısını aralayın! "Yazılım dünyası bana çok uzak" diyenler için teknik ekiplerle konuşabilmenin, API'lerden database'lere jargonu çözmenin ve teknik kararların mantığını anlamanın sistematik yolu.

2 Haziran - 4 Temmuz - Yapay Zeka Destekli Ürün Yönetimi Temelleri - Preply Senior PM'i Ayhan Epik ile AI çağında ürün yöneticisi olun! Sıfırdan başlayıp yapay zeka destekli modern ürün yönetiminin temellerini atarak, kullanıcı araştırmasından roadmap planlamaya kadar tüm PM becerilerini kazanıyoruz.

Sektörün en deneyimli isimleriyle, teoriden sıkılmadan pratik odaklı öğrenme garantisi!

👋 Tasarım ve ürün dünyasında gelişme bitmez. Ancak bu haftalık bizden bu kadar diyelim! İki hafta sonra yeni sayıyla gelene kadar okuyun, paylaşın ve kendinize iyi bakın!

Sultan Selim Mh. Hümeyra Sk. No:07 Nef 09 Plaza B Blok K:13 D:244 Kağıthane/İstanbul, İstanbul, Türkiye 34415
Unsubscribe · Preferences

Brick Institute

Ürün yönetimi, tasarım ve yapay zeka alanlarında eğitimler sunan Brick Institute her iki haftada bir bu dünyadaki gelişmeleri sizlerle paylaşıyor.

Read more from Brick Institute

brick by brick'e hoş geldiniz! Bültenin 20. sayısından selamlar! Her yeni sayıda bülten girişi için konuya uygun espri ararken benim mesai... Yazarımız bu sefer geyik yapamadı direkt konuya giriyoruz. Bu sayıda da son haftalarda ürün ve tasarım dünyasında olan biteni derledik. Araya birkaç not ve bizden haberler de bıraktık. Bu haftanın iki odağı:MCP’ler ve Claude Code to Figma. Afiyet olsun. Ama önce... Alive: Exploring AI biletini hala almadın mı? 🤨 28–29 Nisan 2026’da İstanbul’daki Point...

brick by brick'e hoş geldiniz! 19. sayıdan selamlar! Son zamanlarda şirketlerde yeni bir rol ortaya çıkmış gibi görünüyor:“AI ile ne yapacağımızı bulan kişi.” Genelde herkes biraz o kişi olmaya çalışıyor. O kişilerin %80'inin fikirlerinin aldığı olası tepki... AI çağında şirketlerin hazırlık seviyesi de kabaca üçe ayrılıyor gibi: “AI çok önemli.” “AI çok önemli, bir şey yapmamız lazım.” “AI çok önemli, bir şey yapıyoruz ama tam olarak ne yaptığımızı anlatamıyoruz.” Bu sayıda biraz bu...

brick by brick'e hoş geldiniz! 18. sayıdan selamlar! Galaktik Tasarım Konseyi acil toplandı. Gündem maddeleri: Tasarımcıların konuşarak kod yazması. Konuşmaların çalışır çıktılar üretmesi. Bunun normalleşmesi. İlk incelemeler gösteriyor ki “vibe coding” adı verilen yeni bir pratik, fikirle çıktı arasındaki mesafeyi tehlikeli derecede azaltıyor. Claude Code ise küçük ama etkili müdahalelerle bu süreci hızlandırıyor. Şimdilik durum kontrol altında.Evren çökmedi.Figma hala çalışıyor. Bültenin bu...