Ürün yöneticisi olan bizlerin hayatındaki "aklımdakileri nasıl toparlayacağım, nasıl başlasam" döngüsünü yapay zeka araçları ile kırdığımızı önceki yazılarımızda konuşmuştuk. Şimdi, elimizde Buildo gibi bir fikir var: Mimari yapıları keşfetmeyi kolaylaştıran, konum tabanlı mobil bir uygulama. Ve bu fikri, önceki yazımızda Cursor AI gibi araçları kullanarak hazırladığımız detaylı bir PRD (Ürün Gereksinimleri Belgesi) ile somutlaştırdık. Peki, Product Requirements Document (PRD) hazırlandıktan sonraki o kritik adıma nasıl geçeceğiz? Yani, prototipe?

Soruları cevaplandırmadan önce, çalıştığım şirkette prototipleme aracı olarak gördüğüm Cursor’ı nasıl kullanıyorum ondan bahsedeyim.

​Ehane’de Cursor’ı neredeyse ekip arkadaşı gibi kullanıyorum. Özellikle yoğun dönemlerde bir fikri toparlamak, kapsamı netleştirmek ya da edge case’leri hızlıca görmek gerektiğinde Cursor benim için adeta “ikinci beyin” haline geliyor. Yeni bir özellik fikri ortaya çıktığında önce Cursor’a anlatıyorum; PRD’nin iskeletini oluşturuyor, kullanıcı akışlarını öneriyor ve hatta bazı durumlarda tasarım ekibinin işini kolaylaştıracak açıklamaları bile kendisi hazırlıyor. Sonrasında bu prototip çıktılarının ekran görüntülerini alıp geliştirme kapsamına ekliyorum. Böylece tasarımcıya ve geliştiriciye yalnızca yazıyla değil, görsel örneklerle de bir çerçeve sunmuş oluyorum. Bu da herkesin aynı resmi görmesini, aynı problemi çözmeye odaklanmasını kolaylaştırıyor.

Geliştirme aşamasında Cursor’ın sağladığı netlik ve hız daha da belirgin hale geliyor. Sprint’e girecek maddeler çok daha temiz, düşünülmüş ve tartışılabilir halde olduğu için ekip içi iletişim hem hızlanıyor hem de yorucu olabilecek revizyonlar azalıyor. Sadece ürün geliştirme sürecinin ortasında değil, henüz fikir aşamasındayken bile bir fikrin hızlıca prototipini çıkarmak benim için büyük fark yaratıyor. Üst yönetimle, satış ekibiyle veya pazarlama ile yeni bir özelliği konuşurken saniyeler içinde somut bir akış gösterebilmek planlamayı tamamen başka bir seviyeye taşıyor.

Fikir almak, yön belirlemek veya sadece “bu böyle mi olmalı?” diye bir görüş toplamak çok daha kolay hale geliyor. Paydaş hangi alandan olursa olsun, ister teknik, ister operasyon, ister yönetim, konuştuğumuz işi rahatlıkla zihninde canlandırabiliyor. Bu da hem daha net geribildirim almamı sağlıyor hem de karar süreçlerini hızlandırıyor. Kısacası Cursor, ürün yönetiminde yalnızca yazma veya prototipleme aracı değil; fikirden geliştirmeye, ekip iletişiminden yönetim sunumlarına kadar her adımda bana fayda sağlıyor.

İlk Adım: Cursor’a Giriş

​Cursor’ı kullanabilmek ve daha efektif fayda sağlayabilmek için öncelikle Cursor’ı bilgisayarımıza indirmemiz gerekiyor.

Ürünü bilgisayarımıza indirdikten sonra açıp yeni bir proje yaratıyoruz. Projemizin adı Buildo’ydu, projemize bu ismi girelim.

İkinci Adım: Prototip Geliştirme

Önceki yazımızda yazdırdığmız Cursor PRD’sinin içeriğini kopyalayıp yapıştırıyoruz. Sizler de denerken “Composer 1” modelini kullanabilirsiniz. Yeni "Composer 1" modeli, önceki modellere kıyasla çok daha hızlı bir geri dönüş sağlıyor. Cursor’a PRD’yi göndermeden önce varsayılan olarak gelen “Agent” yerine “Plan” modunu seçiyoruz.

Plan modu ile birlikte Cursor geliştirmeyi yapmadan önce adım adım geliştirmenin planlamasını yapıyor ve müdahale ederek istenilen gelişmelere engel olunabiliyor ve düzeltme talep edilebiliyor.

Planlamayı gerçekleştirmeden önce Cursor kullanılacak teknolojileri ve altyapıları bize soruyor. “Web, Both, Node.js + PostgreSQL, Google Maps SDK, Full MVP Setup” şeklinde yanıtlandırıyoruz. Tercihinize göre kendi projenizde farklı bir altyapı ile hareket edebilirsiniz.

Cursor yeni bir pencere açarak MVP Implementasyon Planı’nı bizimle paylaşıyor. Detayları inceledikten sonra bir değişikliğe ihtiyaç duymadığımız için planı kabul ediyoruz ve Cursor istediğimiz kapsamda projeyi geliştirmeye başlıyor. Dilerseniz birden fazla modeli (örneğin Sonnet 4.5 ve GPT-5 Codex birlikte) çalıştırarak hangi modelin daha iyi performans gösterdiğini görebiliyor, inceleyebiliyor ve seçebiliyorsunuz.

Önceden aktif bir şekilde proje geliştirme yaparken browser ile Cursor arayüzü arasında sık sık geçiş yapmak gerekiyordu. Cursor’ın son çıkan sürümündeki geliştirmeler ile doğrudan Cursor'ın içerisinde browser çalıştırılabiliyor ve Developer Console'a ulaşılabiliyor, proje çalıştırılırken neden olan hatalara ulaşılabiliyor. “Connect to External Browser”ı seçerek Cursor’ın PRD doğrultusunda geliştirdiği ürünü görebiliriz. Çalıştırma sürecinde hatalar yaşarsanız bunu belirterek Cursor’ın çözmesini de isteyebilirsiniz. Verilen localhost linkini browser’a yapıştırıp linke yönlendiğimizde uygulamamızı görüyoruz.

​

Üçüncü Adım: Prototipi Geliştirme

Akışı test etmeden önce componentlerin modern olmadığını görüyoruz ve Cursor’dan güncel tasarım trendlerine göre tekrar geliştirmesini istiyoruz. ChatGPT’ye durumu açıklayıp ideal prompt’u yazmasını bekliyoruz.

Prompt:

“The UI components in this prototype look outdated, and the overall design doesn’t reflect modern mobile design trends. Please rebuild all screens using a contemporary, clean, and minimal design approach.

When updating the design, focus on the following:

• Use a lighter, more spacious layout with better breathing room
• Redefine the typography hierarchy according to modern mobile standards
• Update buttons, cards, search bars, and list components to align with current UI patterns
• Refresh corner radiuses, grid structure, and spacing values
• Adjust the color palette to something cleaner, more minimal, and modern
• Remove unnecessary lines, borders, and old-fashioned shadows
• Redesign all components based on 2025 mobile design trends”

Dilerseniz diğer örnek uygulamalardan ekran görüntülerini Cursor’a prompt ile verip benzer tasarım çizgilerinde uygulama çıkarmasını isteyebilirsiniz. Ehane’de mevcut tasarımların üzerinde ben bu şekilde geliştirme & iterasyon yapıyorum.

İlk hazırladığımız prototipi tasarım açısından geliştirerek ve illüstrasyonlar ekleyerek daha profesyonel bir hale getirdik. Şimdi akışları kontrol etme vakti.

Product onboarding’i atladıktan sonra yönlendiğimiz sayfada harita olduğu için Cursor Google Maps API’na ihtiyaç duyuyor. Şimdilik Google Maps kullanmak istemediğimiz için başka bir haritaya geçiş yapmasını istiyoruz. Aynı zamanda harita sayfasında özelleşmiş pinler, filtreler ve arama özelliği eklemesini istiyoruz. Cursor, Google Maps yerine açık kaynak kodlu OpenStreetMap kütüphanesini entegre edip, filtreleri tamamlayarak mevcut harita görünümünü güncelliyor.

Bu aşamadan sonra prototip artık hem tasarım hem akış hem de altyapı açısından çok daha derli toplu bir hale geliyor. Bu prototip üzerinden sizler de kullanıcı yolculuklarını test edebilir, eksik noktaları hızla fark edebilir ve geliştirme ekibine vereceğimiz kapsamı çok daha net bir forma dönüştürebilirsiniz. Kendi fikirlerinizi birlikte yaptığımız gibi uygulayabilir, geliştirebilirsiniz. Kısacası fikir, PRD ve prototip üçlüsü tek bir döngü halinde akmaya başlıyor.

Sonuç olarak, Cursor sadece kod yazan ya da PRD oluşturan bir araç değil; ürün geliştirme sürecinin tamamına yayılan bir hızlandırıcı. Fikir henüz zihnimizdeyken onu somutlaştırmamıza, ekiple daha verimli iletişim kurmamıza ve çok daha hızlı iterasyon yapmamıza imkan tanıyor. Özellikle Buildo gibi kapsamlı bir uygulamada bu fark daha da görünür hale geliyor: Birkaç saat önce yalnızca PRD’si olan bir fikir, günün sonunda test edilebilir bir prototipe dönüşebiliyor.

Bu hız, bu akıcılık ve bu çeviklik; ürün yöneticileri olarak uzun zamandır ihtiyaç duyduğumuz şeydi. Ve artık elimizde, hayal ettiğimiz ürünü sadece anlatan değil, gerçekten inşa etmeye başlayan bir araç var.

Bir sonraki adım?

Bu prototipi gerçek bir ürüne dönüştürmek.

Ama o yolculuk da başka bir yazının konusu olsun.

Sevgiler,

İrem Çilingir

‍