> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep ile metinsel istemlerden UI ekranları oluşturun

> Flowstep ile tek bir metinsel istemden bir ekran veya aynı anda 6 adete kadar ekran oluşturun — hızlı UI ideasyonu ve tam kullanıcı akışlarını keşfetmek için ideal.

<iframe src="https://www.youtube.com/embed/hHNwjKz_264" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Flowstep, doğal dil istemlerinden UI ekranları oluşturur ve fikirden görsel tasarıma saniyeler içinde geçmenizi sağlar. Bir konsepti doğrulamak için tek bir ekrana veya tam bir kullanıcı yolculuğunu kapsayan ekran setine ihtiyacınız olsun, başlamak için iyi yazılmış bir istem yeterlidir.

## Tasarım Oluşturun

<Steps>
  <Step title="Yeni bir proje açın">
    Flowstep panonuzdan yeni bir proje oluşturun veya ekran eklemek istediğiniz mevcut bir projeyi açın.
  </Step>

  <Step title="İstemini yazın">
    Oluşturmak istediğiniz ekranın veya ekranların açıklamasını yazın. Uygulama türü, kullanıcı hedefi ve görmek istediğiniz içerik hakkında spesifik olun.
  </Step>

  <Step title="Kaç ekran istediğinizi belirtin">
    Varsayılan olarak Flowstep tek bir ekran oluşturur. Birden fazla ekran istiyorsanız bunu isteminde açıkça belirtin — Flowstep bir istemden 6 adete kadar ekran oluşturabilir.
  </Step>

  <Step title="Oluştur">
    İstemini gönderin. Flowstep ekranlarınızı oluşturur ve bunları editörde görüntüler, incelemek veya geliştirmek için hazır hale getirir.
  </Step>
</Steps>

## Tek ekran vs. birden çok ekran

Tek bir istemden bir ekran veya 6 adete kadar ekran oluşturabilirsiniz. Her iki yaklaşım da tasarım çalışmasının farklı aşamaları için uygundur.

* **Bir ekran** — belirli bir UI durumunu, bileşeni veya odaklanmış bir konsepti keşfetmek için en iyi.
* **Birden çok ekran** — akışları eşlemek, düzen seçeneklerini karşılaştırmak veya tam bir kullanıcı yolculuğunu hızlı bir şekilde kapsayıp örtmek için en iyi.

Birden çok ekran istiyorsanız isteminde açıkça belirtin. Flowstep, isteminizdeki söz seçimini kullanarak kaç ekran üreteceğine karar verir, bu yüzden belirsiz istemler genellikle tek bir ekran döndürür. Oluşturulan ekranlar **Screen 1**, **Screen 2** vb. adlandırılır — takip eden istemlerinizde belirli bir ekrana başvurmak için bu adları kullanın.

## İstem göndermenin daha fazla yolu

Metin tek girdi değildir. Şunları da yapabilirsiniz:

* **Dosya ekleyin** — görüntüleri (JPG, PNG, WEBP) veya belgeleri (PDF, MD, TXT) sürükle-bırak, dosya seçici aracılığıyla veya yapıştırarak 3 MB'a kadar ekleyin. Oluşturulan ekranlara eklenen bir görüntüye istemde başvurun ve Flowstep bunu oluşturulan ekranlara dahil eder. Bkz. [Referansları Kullanın](/tr/design-references).
* **İstemini dikte edin** — istem çubuğundaki mikrofon düğmesini tıklayın (veya Mac'te **Cmd+Shift+V**, Windows'ta **Ctrl+Shift+V** tuşlarına basın) ve 60 saniyeye kadar konuşun. Transkript, zaten yazdığınız her şeye eklenir.
* **Flowstep'in web'de araştırma yapmasına izin verin** — istemleriniz bunu çağırdığında (örneğin, "Stripe fiyatlandırma sayfasını klonla"), Flowstep web'de arama yapabilir ve sayfanın markasını okuyabilir — renkler, yazı tipleri, logo, UI bileşenleri — ve bunları oluşturulan ekranlarda kullanabilir. Flowstep bunun yapılıp yapılmayacağına kendisi karar verir, bu yüzden her istemde tetiklenmeyecektir; yeniden oluşturulan web sitelerinin orijinalinden farklı görüntüleri ve navigasyonu kullandığını unutmayın.
* **Tasarım yönergeleri ayarlayın** — dosyada her oluşturmaya uygulanan kalıcı stil kuralları tanımlayın. Bkz. [Tasarım Yönergeleri](/tr/design-guidelines).

## Etkili istemler yazma

<Tip>
  **Tek ekran istem örneği:** "Fitness takip uygulaması için e-posta ve şifre alanları, oturum açma düğmesi ve şifre unuttum bağlantısı olan mobil bir oturum açma ekranı tasarlayın."
</Tip>

<Tip>
  **Çok ekran istem örneği:** "Bir yemek teslim uygulaması için onboarding akışı için ekranlar oluşturun—mutfak seçimlerini seçmeyi, teslimat adresini girmeyi ve ilk siparişi onaylamayı kapsamın."
</Tip>

<Tip>
  **Tam yolculuk istem örneği:** "Gider raporlama uygulamasında makbuzun gönderilmesinden yönetici onayına kadar tam kullanıcı yolculuğunu kapsamın."
</Tip>

İstemler yazarken bu ilkeleri göz önünde bulundurun:

* Flowstep'in ekranları doğru şekilde boyutlandırması için platformu adlandırın (mobil, masaüstü, tablet).
* Sadece UI öğeleri değil, kullanıcının hedefini açıklayın — Flowstep düzeni niyetten çıkarır.
* Tasarım için önemliyse etiketler, eylemler veya veriler gibi anahtar içeriği ekleyin.
* Çok ekran çıktısını tetiklemek için "birden çok ekran oluştur" veya "tam kullanıcı yolculuğunu kapsay" gibi ifadeler kullanın.