brick by brick #18: Tasarımcılar İçin Vibe Coding Rehberi, Claude Code ile Mikro Çözümler


brick by brick'e hoş geldiniz!

18. sayıdan selamlar!

Galaktik Tasarım Konseyi acil toplandı.

Gündem maddeleri:

  1. Tasarımcıların konuşarak kod yazması.
  2. Konuşmaların çalışır çıktılar üretmesi.
  3. 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 sayısının üzerinde dostane harflerle "paniğe kapılmayın" yazıyor. İlk yazımızda Mustafa Dalcı (Co-Founder @brick institute) ile tasarımcılar için vibe coding evreninde yıldızlar arası bir yolculuğa çıkıyoruz. Ardından Eran Filiba (Founder @brick institute) sprint kuyruğunda sıra beklemekten bıkanlar için Claude Code ile mikro çözümler oluşturmanın püf noktalarından bahsediyor.

Havlunuz hazırsa, keyifli okumalar!

Tasarımcılar İçin Vibe Coding Rehberi

Bir yıl önce Andrej Karpathy X'te "vibe coding" kavramını ortaya attığında çoğumuz "aa güzel trend" deyip geçtik. Şimdi Şubat 2026'dayız ve işler biraz farklı:

MIT Technology Review: Vibe coding'i "2026'nın 10 Çığır Açan Teknolojisi"nden biri seçti. Blockchain'den bile üst sırada.

Microsoft: Kodunun %30'u artık yapay zekâ tarafından yazılıyor. Google'da bu oran %25'in üzerinde.

Stack Overflow 2024 Anketi: Geliştiricilerin %76'sı AI araçları kullanıyor veya kullanmayı planlıyor.

Collins Dictionary: "Vibe coding"i 2026 Yılın Kelimesi adayı ilan etti. Artık bir jargon değil, bir meslek tanımı.

Peki bu sadece developer'ları mı ilgilendiriyor?

Hayır. 2026'nın asıl hikâyesi şu: Tasarımcılar artık ürün gönderiyor. Statik mockup'lar değil — gerçek kullanıcıları olan, deploy edilmiş, çalışan ürünler.

Ama — ve bu büyük bir ama — Froessell'in dediği gibi: "You can spot a vibecoded app from a mile away." App Store'da 10 dakika gezin, erken 2000'lerin MySpace sayfasına benzeyen bir uygulama bulamayacaksınız. Kimse brutalist tasarımlı bir kalori takip uygulamasını 5 dakikadan fazla kullanmaz.

Yapay zeka güzel tasarımlar yapabilir ama doğru yönlendirmeye ihtiyacı var. Tıpkı bizim gibi — boş bir Figma dosyası verip "harika bir şey yap" derseniz, biz de jenerik şeyler üretiriz. 😅

İşte bu bülten tam da bunun rehberi. Hadi başlayalım.

Bu yazı için Mustafa Dalcı'ya teşekkür ediyoruz. Bir sonraki yazıya geçmeden önce bir haberimiz var:

Alive: Exploring AI Kayıtları Başladı!

AI hızlandı.
Biz hazır mıyız?

28–29 Nisan 2026’da İstanbul’da, Point Hotel Barbaros’ta iki gün boyunca AI çağında üretmenin, düşünmenin ve yön bulmanın yeni biçimlerini birlikte keşfedeceğiz.

📈 28 Nisan → Ürün Günü
🎨 29 Nisan → Tasarım Günü

AI çağında ürün ekipleri ve tasarım pratikleri nasıl yeniden konumlanıyor?
Bu dönüşümün içinde kaybolmadan nasıl keşfedilir?

Early Bird dönemi 13 Mart’a kadar devam ediyor. Yerini şimdiden kap!
Konuşmacılar ve program detayları çok yakında.

Evren genişliyor.
Biz birlikte keşfediyoruz.

Claude Code ile Mikro Çözümler

Sprint kuyruğunda sıra beklemekten bıktıysan, doğru yerdesin.

Şunu net söyleyeyim: PM'ler developer olmuyor. Ama artık bir fikri hayata geçirmek için sprint kuyruğunda sıra beklemeye de mahkum değiliz. Claude Code gibi araçlar sayesinde, kafandaki çözümü aynı gün ayağa kaldırabiliyorsun, tek satır syntax bilmeden.

Kısa Kısa...

🤖 AI

Meta'nın Ölüm Sonrası AI Patenti Gündemde Meta, kullanıcıların ölümünden sonra sosyal medya hesaplarını devralıp post atabilecek, mesajlaşabilecek AI sisteminin patentini aldı. "Dijital miras" olarak pazarlanan bu teknoloji, hem grief endüstrisine yeni boyut getiriyor hem de rıza ve mahremiyet açısından ciddi endişeler yaratıyor. Bize göre ölümden sonra da algoritmaların kişilik taklidini sürdürmesi distopik bir senaryo gibi görünse de, yakın gelecekte normalleşebilir

fal.ai "State of Generative Media" raporu: 2025'te neler değişti? 📊 fal.ai ve Artificial Analysis ortaklığıyla yayınlanan bu kapsamlı rapor, üretken medyanın (görsel, video, ses, 3D) 2025'teki patlamasını verilerle ortaya koyuyor. Rakamlar çarpıcı: sadece fal platformuna 985 yeni model endpoint'i entegre edilmiş (450 video, 406 görsel, 59 ses, 35 3D). Video tarafında her 4-6 haftada bir büyük model lansmanı yaşandı — Veo 2'nin fizik simülasyonu, Kling 2.0'ın first-frame-last-frame kontrolü, Veo 3'ün native sesli video üretimi, MirageLSD'nin gerçek zamanlı live-stream diffusion'ı. Ses tarafında MiniMax Speech-02 %99 insan sesi benzerliğine ulaştı, ElevenLabs müzik modelini tamamen lisanslı veriyle eğitip sanatçılara 50/50 telif paylaşımı sundu. Adopsiyon verileri de ilginç: kişisel kullanımda %89, kurumsal kullanımda %57. Reklam sektörü %75 adopsiyon oranıyla lider ama %80'i hâlâ işlerinin yarısından azında kullanıyor — en büyük engel IP sahipliği endişesi (%94). Kurumların %65'i 12 ay içinde ROI elde etmiş veya bekliyor. En dikkat çekici bulgu: "omni model" beklentisi tutmadı — üretim ortamlarında medyan 14 farklı model kullanılıyor, çünkü task-specific optimizasyon her zaman genel amaçlı modeli yeniyor. Raporun ana tezi: "Taste kıt kaynak olurken, üretim kapasitesi bollaşıyor. Uzmanlık artık execution değil, orchestration." Eğitim sektörü ise en büyük dokunulmamış fırsat olarak işaret ediliyor 🎬

2028 Küresel Zeka Krizi: "Ya AI boğa tezimiz doğru çıkarsa… ve bu aslında ayı senaryosuysa?" 📉 Citrini Research'ün bu yazısı Şubat 2026'dan yazılmış ama Haziran 2028'den bir makro memo gibi kurgulanmış — ve okuduğunuzda tüyleriniz diken diken oluyor. Senaryo şu: AI beklentileri aşıyor, şirketler işten çıkarıyor, marjlar genişliyor, hisseler yükseliyor — S&P 8000'i görüyor. Ama sonra "Ghost GDP" kavramı ortaya çıkıyor: üretim milli gelirde görünüyor ama asla gerçek ekonomide dolaşıma girmiyor, çünkü makineler ayakkabı almıyor. Beyaz yakalı işten çıkarmalar → harcama düşüşü → şirketler daha fazla AI'a yatırım → daha fazla işten çıkarma — doğal freni olmayan negatif geri bildirim döngüsü. Ajanlar tüketici kararlarını ele geçiriyor: seyahat, sigorta, gayrimenkul komisyonları çöküyor. "Habitual intermediation" moatları eriyor — DoorDash'in hendeği "açsın, tembelsin, bu app ekranında" idi, agent'ın ekranı yok. Sonra PE-backed SaaS şirketleri defaulta düşüyor (Zendesk senaryosu), private credit → sigorta şirketleri → mortgage piyasası zincirine yayılıyor. En korkutucu satır: "2008'de krediler ilk günden kötüydü. 2028'de krediler ilk günden iyiydi. Dünya değişti." Tahmin değil, düşünce egzersizi — ama her cümlesi bugünün verileriyle tutarlı 🧊

AI eğitim içeriği üretmek hiç bu kadar kolay olmamıştı 🎓 İki farklı gelişme ama aynı mesaj: Gumloop University, AI kavramlarını (model nedir, hallucination, token maliyetleri, MCP) interaktif video + metin + tablo kombinasyonuyla öğreten ücretsiz bir eğitim platformu açmış. Etkileşim tasarımı çok iyi — her konu kısa video, ardından özet, karşılaştırma tablosu ve "key takeaway" yapısıyla sunuluyor. Eğitim içeriği üretenler için güzel bir referans.

Replit, "Replit Animation" ile vibe coding'i video prodüksiyonuna taşıdı: doğal dilde prompt yazıyorsun, React tabanlı profesyonel motion graphic'ler üretiyor — ürün tanıtımı, explainer, sosyal medya içeriği, landing page videoları. Bu Runway/Sora gibi AI video değil, kod tabanlı programatik animasyon — yani her frame düzenlenebilir ve uygulamana doğrudan entegre edilebilir. Gemini 3.1 Pro ile çalışıyor. İki gelişmeyi birlikte düşününce: artık hem eğitim içeriğini interaktif tasarlamak hem de animasyonlu videoya dönüştürmek tek kişilik iş haline geliyor ⚡

"Claude just killed our startup" 😬 Ira Bodnar'ın viral olan hikayesi startup ekosistemindeki en büyük korkuyu somutlaştırıyor. İki ay önce Google ve Meta reklam hesaplarını AI ile otomatik yöneten bir ürün geliştirmiş — yüzlerce ödeme yapan müşteri, %70 dönüşüm oranı, güzel bir büyüme. Bir sabah uyandığında dönüşüm %20'ye düşmüş. Sebebi: Anthropic'in aynı dönemde Meta reklam bağlantısı çıkarması. Henüz tam işlevsel bile değilmiş ama müşteriler beklemeye geçmiş. "Birkaç aya yapabilecek, devam etmenin anlamı yok" diyor. Platform şirketleri özellik eklediğinde üzerine inşa eden startup'lar buharlaşıyor — bu "platform riski" yeni değil ama AI çağında hız katlanarak arttı.

OpenClaw + n8n: Agent'ı serbest bırakma, akıllı korkuluk kur 🔐 Simon Høiberg'in tweet'i yaygın bir yanılgıyı düzeltiyor: "OpenClaw (veya Claude Code) n8n'in yerini alır" diyenler 3 şeyi kaçırıyor. Birincisi gözlemlenebilirlik — agent'ın yazdığı 100 dağınık JavaScript yerine n8n workflow'ları olarak inşa ettirirsen ne yaptığını görmek çok daha kolay. İkincisi güvenlik — agent workflow'u oluşturduktan sonra kilitliyorsun, API key'leri .env.local'e değil n8n'in şifreli credential store'una ekliyorsun, agent anahtarı asla görmüyor. Üçüncüsü performans — işlerin büyük kısmı tahmin edilebilir ve deterministik, bunları workflow'a çevirince hem daha hızlı hem token tasarrufu. Akış: agent → n8n workflow yazar → sen kilitle + API key ekle + güvenlik adımları ekle → agent artık tüm çağrıları n8n üzerinden proxy'liyor. Bağımlılık yapıcı evet, ama sorumlu kullan diyor 🛡️

İnsanlar AI'ı ne kadar iyi kullanıyor? Anthropic, 9.830 Claude konuşmasını analiz ederek bir "AI Akıcılık Endeksi" yayınladı. En güçlü bulgu: AI çıktısını olduğu gibi kabul etmeyip üzerinde iterasyon yapan kullanıcılar, diğer tüm akıcılık davranışlarında 2 kat daha iyi performans gösteriyor. Ama tehlikeli bir pattern de var — Claude güzel görünen bir çıktı ürettiğinde (kod, doküman, uygulama gibi), kullanıcılar muhakeme sorgulamayı %3.1, eksik bağlam tespitini %5.2 oranında azaltıyor. Yani çıktı ne kadar parlak görünürse, o kadar az sorguluyoruz. Rapor üç pratik öneri sunuyor: ilk cevabı başlangıç noktası olarak gör, parlak çıktıları özellikle sorgula ve işbirliğinin kurallarını baştan koy ("varsayımlarım yanlışsa itiraz et" gibi)

Anthropic'ten "Skills" rehberi: Claude'a bir kere öğret, her seferde faydasını gör 📘 Anthropic, Claude için "Skill" sistemi hakkında kapsamlı bir rehber yayınladı. Skill nedir? Basitçe: bir klasör içinde SKILL.md dosyası + opsiyonel scriptler ve referanslardan oluşan, Claude'a belirli iş akışlarını öğreten talimat paketleri. Mesela "frontend tasarımı yap" dediğinizde otomatik tetiklenen stil kılavuzları, kalite kontrol listeleri, template yapıları. Üç seviyeli "progressive disclosure" mantığı var: YAML frontmatter her zaman yüklü (Claude ne zaman kullanacağını bilsin), SKILL.md gövdesi sadece ilgili görevde yükleniyor, üçüncü seviye dosyalar ise gerektiğinde keşfediliyor — böylece token israfı minimumda. Rehberdeki en pratik kısım pattern'lar: sıralı workflow orkestrasyon (müşteri onboarding gibi adım adım süreçler), multi-MCP koordinasyon (Figma'dan export → Drive'a yükle → Linear'da task aç → Slack'e bildir), iteratif iyileştirme (draft → validate → refine döngüsü). MCP ile ilişkisi güzel bir mutfak analojisiyle anlatılmış: MCP profesyonel mutfağı sağlar (araçlar, malzemeler), Skill ise tarifleri sağlar (nasıl kullanılacağını). İkisi birlikte olunca kullanıcı her adımı kendisi çözmek zorunda kalmıyor. Claude.ai, Claude Code ve API'de çalışıyor, organizasyon düzeyinde deploy edilebiliyor, ve açık standart olarak yayınlandı — sadece Claude değil, diğer platformlarda da kullanılabilir 🧩

📦 Ürün Yönetimi

"Her tasarımcının duyması gereken özel konuşma" 🪞 Tommy Geoco (@designertom), keskin eleştirmeni Hang Xu ile 3 saatlik bir tartışmayı paylaşıyor ve her tasarım ekibinde sessizce yaşanan gerilimi açığa çıkarıyor. İki ses var kafamızda: "Araçlar burada, ya şimdi öğren ya geride kal" vs. "Ya yanlış zamanda yanlış beceriye yatırım yapıyorsan? Prompt engineering 18 ayda $200K'lık rolden obsolete'e düştü." Sam Altman bile 24 saat arayla "AI bolluk yaratacak" ve "dünya hazır değil" diyor. En acı tespit: çoğu tasarımcı "tembel" değil, "fazla çalışan" — 60 saatlik haftalardan sonra upskill yapacak enerjileri yok, IT onayı 2 yıl sürüyor. Geoco'nun taste deneyi de ilginç: tasarımcıların izniyle "zevk profilleri" üzerine sub-agent'lar eğitmişler — henüz tam değil ama eğim umut verici. Sonuç: hayatta kalanlar doğru tool'u tahmin edenler değil, yeniden öğrenme kasını güçlü tutanlar olacak 🎯

"Kod ucuzladı, yazılım ucuzlamadı" 💰 Chris Gregori'nin yazısı hype'ı soğukkanlılıkla ayrıştırıyor: LLM'ler kod üretme maliyetini sıfıra indirdi ama problemi anlama, edge case'ler, bakım, UX borcu ve veri sahipliği maliyetine dokunmadı. "Bir haftasonunda yapılan app'ler" genelde CRUD + API wrapper — banka CSV formatını değiştirdiğinde çöküyor. Asıl ilginç tez: SaaS çağından "personal software" çağına geçiyoruz — insanlar tek seferlik problemleri çözen, sonra atılan araçlar üretiyor. Claude Code Excel gibi bir utility, Shopify gibi bir platform değil. Mühendisliğin değeri syntax'tan system architecture'a kayıyor. Ve feed'leri dolduran "bir öğleden sonrada $10K MRR" hikayeleri çoğunlukla marketing case study, teknik inovasyon değil — asıl avantajları dağıtım ve dikkat çekme becerisi. Alt çizgi: giriş bariyeri kalktı ama yargı, zevk ve sorumluluk hâlâ iş tanımının kendisi 🧱

Product Talk'ın Teresa Torres'i, müşteri röportajlarını Opportunity Solution Tree'ye dönüştüren AI destekli bir araç geliştiriyor. Vistaly ile ortaklaşa geliştirilen sistem, üç müşteri röportajından anahtar anları çıkarıp fırsat haritasının ilk taslağını dakikalar içinde oluşturabiliyor. Bize göre bu, "röportaj yapmayı durdurmalıyız ki öğrendiklerimizi analiz edelim" diyen ekipler için büyük bir çözüm olabilir 🗺️

Hayatının tüm alanlarını tek bir haritada gör: Dan Koe'nin viral olan "Human 3.0" modeli, kişisel gelişimi dört kadrana ayırıyor — Beden, Zihin, Ruh ve Meslek. Her kadranda üç seviye var: 1.0 Uyumcu (başkalarının senaryosunu yaşayan), 2.0 Bireyci (kendi yolunu çizen ama başarıyı bütünleşmeyle karıştıran) ve 3.0 Sentezci (oyunu oynamak yerine tasarlayan). Modelin güzel yanı "tek boyutlu gelişim tuzağını" göstermesi — kariyerinde 3.0 ama ilişkilerinde 1.0 olan birinin neden mutlu olamadığını açıklıyor. Türkiye'den Alemşah bu modeli interaktif bir web uygulamasına dönüştürmüş: slider'larla kendi seviyeni belirle, kişiselleştirilmiş günlük/haftalık/aylık aksiyon planı al, ilerleme takibi yap. Vibe coding'in güzel bir örneği

🎨 Tasarım

Saydam ekrana nasıl tasarım yapılır? Google'ın Android XR tasarım ekibi, AI gözlükleri için yeni bir tasarım sistemi olan Jetpack Compose Glimmer'ı nasıl geliştirdiklerini anlatıyor. Bildiğimiz her şey değişiyor: siyah renk şeffaf oluyor (ekran sadece ışık ekleyebiliyor, karanlık yaratamıyor), parlak yüzeyler "halation" etkisiyle metni okunamaz hale getiriyor, telefonda harika görünen doygun renkler gerçek dünya arka planına karşı "hayalet gibi" kayboluyor. Tipografi bile piksel yerine "görsel açı" (derece) ile ölçülüyor — tıpkı otoyol tabelalarını uzaktan okumak gibi. En ilginç detay: arayüz lensin yüzeyinde değil, yaklaşık 1 metre derinlikte algılanıyor, yani kullanıcı her etkileşimde bilinçli bir odak değişikliği yapıyor. Bildirimler bile 500ms yerine 2 saniyelik geçişle geliyor ki dikkatinizi "talep etmesin, nazikçe davet etsin." Tasarımın geleceğine dair somut bir pencere 👓

2026'da AI ile tasarım yapmanın anahtarı: Taste (zevk/göz) 🎯 @Av1dlive'ın viral thread'i çok net bir tezle başlıyor: sorun prompt'larında değil, "taste" eksikliğindeydi. 5+ proje yaptıktan sonra fark etmiş — AI her şeyi execute edebilir ama neyin execute edilmeye değer olduğunu bilmek sana kalmış. Önerdiği 5 adımlı workflow güzel: önce 20-30 dk moodboard (Awwwards, Dribbble, Pinterest AI search), sonra Kimi K2.5 ile video kaydından kod klonlama, ardından tasarım dilini öğrenme (hierarchy, kerning, leading, white space — "make it prettier" yerine "H2 leading'i 1.4'e düşür" diyebilmek), meta-prompt'larla vibe spec üretme, ve son olarak "Zoom-In Method" — %50 (full context dump) → %99 (AI'a kendi işini review ettirme, hataların %70'ini kendisi yakalar) → %100 (pixel-perfect micro polish). En sevdiğim kısım: AI'ı "kara kutu" değil "junior designer" olarak konumlandırması. Eskiden 6-8 saat manuel iş, şimdi 1-2 saat stratejik yönlendirme. Skills.md konsepti de çok akıllıca — UI best practice'leri reusable "skill pack"lere dönüştürüp her projede otomatik uygulatmak. Sonuç: gerçek moat artık tool bilgisi değil, taste + process 👁️

WebInspoo: SaaS web tasarım ilhamı için küratörlü galeri 🎨 Fintech'ten productivity tool'lara kadar binlerce elle seçilmiş SaaS web sitesi screenshot'ı barındıran bir ilham kütüphanesi. Tasarımlar kategoriye göre ayrılmış, tipografi, renk paleti ve UX pattern'ları üzerinden filtrelenebiliyor. Landing page veya dashboard tasarlarken "başkalarının ne yaptığına" bakmak istediğinizde Awwwards veya Dribbble'a alternatif güzel bir kaynak — özellikle SaaS odaklı çalışanlar için daha hedefli sonuçlar veriyor 🔍

AI çağında micro-interaction'lar: Artık süs değil, güven altyapısı 🤝 Yazının ana tezi çok net: yazılım "agent" gibi davranmaya başladığında kullanıcılar onu araç değil niyet sahibi bir varlık olarak algılıyor — ve niyetli varlıklardan geri bildirim, güvence, empati bekliyoruz. AI birkaç saniye düşünürken hiçbir şey olmazsa "bozuldu mu?" endişesi başlıyor; ama küçük bir "thinking" animasyonu ekle, kaygı düşüyor — model aynı model, deneyim değişiyor. Yazarın "emotional regulation" dediği şey bu. En keskin gözlem: herkes aynı modellere erişebildiğinde zeka commodity oluyor, fark yaratan şey cevabı almanın nasıl hissettirdiği. İyi micro-interaction'lar kullanıcıya "seni duydum, çalışıyorum, bu normal" sinyali veriyor. Ama bir risk de var — parlak bir micro-interaction yanlış cevabı daha inandırıcı kılar, bu da aldatıcı olur. AI çağında dürüstlük sadece doğruluk değil, beklenti kalibrasyonu. Dieter Rams'ın "iyi tasarım düşünmeyi azaltır" ilkesine güzel bir ek: micro-interaction'lar endişelenmeyi azaltır 🎯

Claude Code + Figma MCP: Kod ↔ Tasarım arasında çift yönlü döngü 🔁 Bu video front-end workflow'unu kökten değiştiren bir entegrasyonu gösteriyor: Claude Code'da yazdığın çalışan UI'ı doğrudan Figma canvas'a editable frame olarak gönderiyorsun, Figma'da layout düzenleme/görsel iyileştirme/varyasyon üretme/takım yorumlaması yapıyorsun, sonra güncellenmiş tasarımı tekrar Claude Code'a gönderip production-ready koda dönüştürüyorsun. Screenshot atma, local build çalıştırma, CSS tahmini yapma, layer'ları tek tek yeniden oluşturma gibi zaman kaybettiren adımlar tamamen ortadan kalkıyor. En önemli nokta: bu sistem saniye saniye geçiş için değil, "mod bazlı" çalışmak için ideal — saatlerce Code Mode'da (hızlı iterasyon, test, fonksiyon) çalışıp sonra Design Mode'a (layout keşfi, görsel refinement, çoklu versiyon karşılaştırma) geçmek çok daha doğal. Videoda dashboard ve coffee app demo'larıyla gösteriliyor. Süreç artık lineer değil, döngüsel ve esnek — front-end geliştirme süresini neredeyse yarıya indirme potansiyeli var ⚡

video preview

UX tasarımcısı Dora Czerna'nın araştırması çarpıcı bulgular ortaya koyuyor: İnsanlar AI önerilerini, insan meslektaşlarının tavsiyelerinden 3 kat daha sık kabul ediyor (%32'ye %11). Daha rahatsız edici olan ise bu etkinin geçici olmaması - AI sistemleri kaldırıldıktan sonra bile önyargılar kullanıcılarda kalıcı hale geliyor ve kendi karar verme süreçlerini şekillendiriyor. Bize göre bu durum, AI arayüzlerinin "objektif sistem" algısının ne kadar tehlikeli olduğunu gösteriyor 🔄

Figma'dan üretime: tasarımcının yeni iş akışı: Felix Lee (ADPList kurucusu) 100 gün boyunca tasarımcı olarak vibe-coding yaptıktan sonra en verimli bulduğu iş akışını paylaşmış — Figma MCP + Claude Code. Artık Claude, Figma dosyandaki renkleri, spacing'leri, komponent varyantlarını, tipografiyi doğrudan okuyabiliyor. "Design → spec doc → developer yorumlar → 10 tur feedback → 'yaklaşık oldu'" döngüsü tarihe karışıyor; yerine "Design → Claude Figma'yı okur → 'Build this' → Ship " geliyor. Yazıda adım adım kurulum (Figma token alma, MCP bağlantısı), Claude'un Figma'da ne okuyup ne okuyamadığı, design token çıkarma, komponent üretme ve tam sayfa oluşturma template'leri var. Üç ana kullanım senaryosu: Figma tasarımını koda çevirme, FigJam wireframe'den çalışan uygulama yapma ve Figma Make çıktısını mevcut projeye enjekte etme. Pro tip'lerden en önemlisi: layer isimlerini CSS class gibi adlandırın, sayfa bazlı değil bölüm bölüm ilerleyin

Yaklaşan Brick Institute Eğitimleri

Bülteni bitirirken de biraz kendimizden bahsedelim. Bunu hak ettik herhalde 😊

Bootcamp'ler

PM Okulu - Ürün yönetimi kariyerine kapsamlı bir başlangıç yapmak, sektörün en iyi isimlerinden öğrenmek ve gerçek projelerle deneyim kazanmak için PM Okulu başvuruları devam ediyor! Sıfırdan ürün yöneticisi olma yolculuğuna hemen başlayın.

Ücretsiz Eğitimler

Şirketiniz Yapay Zekaya Ne Kadar Hazır? - Eğitim ve Gelişim Müdürü Nihal Kaya Öztürk ile 26 Şubat'ta organizasyonel AI olgunluk seviyenizi ölçün! Şirketinizin yapay zeka adaptasyonunda hangi aşamada olduğunu değerlendirmeyi, eksiklikleri tespit etmeyi ve AI dönüşümü için yol haritası çıkarmayı öğreniyoruz.

Oyuncu Segmentasyonunda Arayüz Tasarımı: Oyunlarda UX Yaklaşımı - Product Designer Tuğçe Şimşek ile 3 Mart'ta oyun UX'inin incelikleri! Farklı oyuncu tiplerinin ihtiyaçlarına göre arayüz tasarlamayı, casual'dan hardcore'a her segmente hitap eden kişiselleştirilmiş deneyimler yaratmayı keşfediyoruz.

PM Rolünün Sektörel Evrimi: Her Yerde PM Aynı mı? - Product Manager Damla Kocakaymak Dinçer ile 12 Mart'ta PM rolünün çeşitliliğini keşfedin! E-commerce'ten SaaS'a, fintech'ten healthtech'e farklı sektörlerde PM'in nasıl evrildiğini, hangi becerilerin öne çıktığını ve kariyerinizi nasıl yönlendireceğinizi öğreniyoruz.

Junior Tasarımcılar için İş Bulma Rehberi - Senior Product Designer Özge Özdiller Tanriverdi ile 18 Mart'ta ilk işinizi bulma stratejileri! Portfolio hazırlamadan mülakatlara hazırlanmaya, networking'ten CV yazımına junior tasarımcılar için iş arama sürecinin tüm püf noktalarını öğreniyoruz.

Sertifika Programları

Ürün Yönetimi Eğitimleri

Yazılım Geçmişi Olmayanlar için Yazılım - Tech Lead & Product Engineer Mustafa Biçer ile 10-31 Mart tarihleri arasında 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.

Ürün Analitiği - Product Director Eren Çamlıkaya ile 24 Mart - 11 Nisan tarihleri arasında veri odaklı ürün yönetimi! Ürününüzün performansını ölçmekten anlamlı içgörüler çıkarmaya, metrik belirlemeден A/B testlere kadar analitiğin tüm sırlarını öğreniyoruz.

Tasarım Eğitimleri

Yapay Zeka Destekli UI Eğitimi - Senior UI Designer Uğur Anlak ile 10 Mart - 2 Nisan tarihleri arasında 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.

Baştan Sona Uygulamalı Figma Eğitimi - Digital Product Designer Ramazan Güler ile 10 Mart - 7 Nisan tarihleri arasında Figma'da ustalaşın! Sıfırdan ileri seviyeye, component'lerden auto-layout'a, prototype'lardan developer handoff'a kadar her şeyi pratikte öğreniyoruz.

Yapay Zeka Destekli UX Araştırma Eğitimi - UX Researcher İlayda Sena Topçu ve Mustafa Terzioğlu ile 24 Mart - 16 Nisan tarihleri arasında AI ile araştırma süper gücü! Kullanıcı görüşmelerinden anket analizine, persona oluşturmadan insight çıkarmaya yapay zeka destekli UX araştırma yöntemlerini öğreniyoruz.

Game User Research Eğitimi - Games User Researcher Özlem Görüngeç ile 24 Mart - 2 Nisan tarihleri arasında oyun araştırmasının dünyasına dalın! Oyuncu davranışlarını anlama, playtest metodolojileri, player journey mapping ve oyun deneyimini optimize etmenin bilimsel yollarını öğreniyoruz.

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! 17. sayıdan selamlar! Dearest gentle reader, Dijital sosyete yine hareketli. Bu haftanın dedikodusu kalp kırıklıkları değil, kırılan kalıplar. Skandal yok ama bolca ilham var. AI ile gerçekten inşa edenler mi, yoksa sadece “trend” diye dolaştıranlar mı çoğunlukta? Aradaki farkı Alive: Building with AI’dan öğrendiğimiz 8 notta fısıldıyoruz. Asıl konuya geçmeden önce, a little birdie told me…Yakında bir masa kuruluyor. Kimler orada olacak, hangi fikirler masaya...

brick by brick'e hoşgeldiniz! brick by brick'in 16. sayısından selamlar! Without Me Eminem PREVIEW GUESS WHO'S BACK? BACK AGAIN! Kısa bir ara verdik, reset'lendik ve şimdi brick by brick tekrar sizlerle! 2025’i Alive: Building with AI ile kapatmıştık.2026’ya ise dinlemekten çok birlikte düşüneceğimiz, tartışacağımız ve gerçek örnekleri masaya koyacağımız Roundtable serileriyle giriyoruz. Sırada üç buluşma var: 🚀 30 Ocak — AI Roundtable #1 AI’ı teoride değil, iş akışlarında gerçekten nerede...

brick by brick'e hoş geldiniz! Bültenin on beşinci ve (bu senelik) son sayısından selamlar! Yarım gün çalışacağımız senenin son günü, içerik yazarımıza bülten çıkarma şoku... beni bırakın, siz gidin Senenin son sayısının 31'ine denk gelmesinden ilham alarak bir wrap de bizden gelsin dedik! Spotify karneleri kadar heyecanlı değil belki ama bizim için çok değerli. Bu sene iyisiyle, kötüsüyle, sabah 7'de ya da öğlen 12'de hazırlamaya başlamamız fark etmeksizin geç kalan bültenimizi takip eden...