Skip to main content
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

1

Yeni bir proje açın

Flowstep panonuzdan yeni bir proje oluşturun veya ekran eklemek istediğiniz mevcut bir projeyi açın.
2

İ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.
3

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.
4

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.

​
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.
  • İ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.

​
Etkili istemler yazma

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.”
Ç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.”
Tam yolculuk istem örneği: “Gider raporlama uygulamasında makbuzun gönderilmesinden yönetici onayına kadar tam kullanıcı yolculuğunu kapsamın.”
İ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.