Ana içeriğe atla
Screenshot 2026 05 06 At 14 25 48
Flowstep tasarımları oluşturulduktan sonra tamamen düzenlenebilir. AI’nin ilk olarak ürettiğinin kölesi değilsiniz — görsel öğeleri editörde doğrudan ayarlayabilir, değişiklikleri düz metin olarak sohbetler aracılığıyla açıklayabilir veya Flowstep’ten varyasyonlar ve yeni ekranlar oluşturmasını isteyebilirsiniz. Yapmak istediğiniz değişikliğe en uygun yöntemi kullanın.

İki düzenleme yöntemi

Kanvas üzerinde öğeleri seçerek ve değiştirerek doğrudan değişiklik yapın. Bu yöntem kesin ayarlamalar için en uygun — bir bileşeni taşımak, rengi değiştirmek, bir etiketi güncellemek veya boşluğu ayarlamak.
1

Değiştirmek istediğiniz öğeyi seçin

Tasarımınızda herhangi bir bileşeni veya katmanı seçmek için tıklayın.
2

Değişikliklerinizi yapın

Renk, boyut, konum veya metin içeriği gibi özellikleri ayarlamak için editör denetimlerini kullanın.
3

Sonucu gözden geçirin

Değişiklikleriniz kanvas üzerinde hemen uygulanır. Düzenlemeye devam edin veya sonraki ekrana geçin.

Ekranın yalnızca bir kısmını düzenleyin

Tüm ekranları düzenlemeniz gerekmiyor. Bir alt öğe seçin — bir kart, bir düğme, bir metin etiketi — ve sohbet isteminiz yalnızca buna uygulanır, ekranın geri kalanı dokunmamış kalır.
  • Shift+V (veya Seç araç çubuğu düğmesindeki açılır menü) ile Direct selection moduna geçin ve tıklamanızın altındaki en derin öğeyi seçin. Normal seçim için V tuşuna basın veya doğrudan seçimi geçici olarak kullanmak için Cmd (Mac) / Ctrl (Windows) tuşunu basılı tutun. Escape doğrudan seçimden çıkar.
  • Cmd+Shift ile birden çok ekran arasında alt öğeler seçin — tek bir mesaj istemi başına 6 ekrana kadar düzenleyebilir.
Bir görüntü öğesi seçildiğinde (tel çerçeve modu dışında), özellik panelinde Image paneli görünür: görüntüyü önizleyin, yeni bir görüntü dosyasını sürükleyerek veya Pick image tıklayarak değiştirin veya Download image ile kaydedin.

Öğeleri kopyalayın ve yapıştırın

Bir seçimi kopyalayın ve ihtiyaç duyduğunuz yere yapıştırın — aynı dosyada, başka bir dosyada veya başka bir tarayıcı sekmesinde, çünkü kopyalar sistem panosuna gider.
  • Kopyalamak için Cmd+C (Mac) / Ctrl+C (Windows), kesmek için Cmd+X / Ctrl+X ve yapıştırmak için Cmd+V / Ctrl+V kullanın.
  • Bir seçimi Cmd+D / Ctrl+D ile olduğu yerde çoğaltın.
  • Yapıştırılan öğeler, orijinallerini kapatmamaları için onlardan biraz kaydırılmış şekilde yerleşir.
Bu kısayollar seçili öğeler üzerinde çalışır; metin düzenlerken ise normal metin kopyalama ve yapıştırmaya geri döner.

Tuvaldeki ekranları adlandırın

Her ekran, tuvalde üzerinde bir etiketle adını gösterir. Henüz adlandırmadığınız bir ekran Screen olarak görünür.
  • Ekranı yeniden adlandırmak için etikete çift tıklayın, ardından kaydetmek için Enter tuşuna basın — başka yere tıklamak da kaydeder. Adlar en fazla 100 karakter olabilir.
  • Ekranı seçmek için etikete bir kez tıklayın, ardından sürükleyerek tuval üzerinde taşıyın.

Opaklık, karışım modu ve köşeleri ayarlayın

Öğenin görünümünü özellik panelinde ince ayarlamak için bir öğe seçin:
  • Opacity (opaklık) — öğenin ne kadar saydam olduğunu 0 ile 100% arasında ayarlayın. Aynı panelde, öğenin arkasındakilerle nasıl karıştığını belirleyen bir karışım modu (Normal, Multiply, Screen, Overlay ve diğerleri) da bulunur.
  • Corners (köşeler) — öğenin köşelerini yuvarlayın. Dört köşe için tek bir Corner radius (köşe yarıçapı) ayarlayın veya sol üst, sağ üst, sağ alt ve sol alt köşelerin her birine ayrı yarıçap vermek için Per corner seçeneğini açın. Her değer, temanızdan bir Token veya bir Custom miktar olabilir.

Piksele yakınlaştırın

Aralıkları ve hizalamayı yakından kontrol etmek için tuvali %25.600’e kadar yakınlaştırın. %200’ün üzerinde piksel hizalı ızgara çizgileri görünür ve yakınlaştırdıkça daha belirgin hale gelir; böylece öğeleri tam olarak hizalayabilirsiniz.

Önceki sürümü geri yükleyin

Sohbet geçmişindeki her AI oluşturması orijinal sonucunun kaydını tutar. Oluşturulduktan sonra bir ekran düzenlenmiş veya silinmişse, sohbet mesajında Restore düğmesi gösterilir — düzenlemeleri geri almak için Restore original veya silinen ekranları geri getirmek için Restore / Restore all kullanın. Bir düzenleme yanlış yöne gittikten sonra bilinen iyi bir duruma dönmek için kullanın. Sohbet panelindeki herhangi bir mesajın üzerine gelince ne zaman gönderildiğini görebilirsiniz. Yakın zamanlı mesajlar zamanı gösterir; daha eski olanlar ne kadar zaman geçtiğini gösterirler (örneğin, “1 gün önce”), tam tarih ve saat araç ipucunda gösterilir.

Tek tıklamalı eylemler

Screenshot 2026 05 06 At 14 29 34
Doğrudan düzenlemelerin ötesinde, Flowstep’ten alternatifleri keşfetmesini isteyebilirsiniz:
  • Try again from scratch — Flowstep’ten mevcut ekranın farklı bir düzen veya görsel yönü ile yeni bir sürümünü oluşturmasını isteyin.
  • Show the next screen — Flowstep’ten kullanıcı akışında mantıksal olarak sonra gelen şeyi oluşturmasını isteyin.
  • Make it pretty — tasarım genelinde boşluğu, hizalamayı ve renkleri ayarlayın. Düzen aynı kalır.
Bu seçenekler, her seferinde bir istem yazmanız gerekmeden hızlı bir şekilde yineleme yapmanıza olanak tanır.

Geliştirmek için yineleme

Tasarım nadiren ilk denemede mükemmel olur. Geri bildirim her turunda sohbet tabanlı düzenlemeyi kullanın — neyin işe yaradığını ve neyin olmadığını açıklayın ve Flowstep oradan uyum sağlar. Bir ekranı yineleme sayısının bir sınırı yoktur.
Sohbet aracılığıyla yineleme yaparken, daha doğru sonuçlar almak için belirli öğeleri ada veya konuma göre referans verin. Örneğin: “Harita için arama işlemini ekranın altına taşıyın ve tam genişlik yapın” “düğmeyi düzelt” kadar etkili değildir.