> ## 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 tasarımlarını sohbet aracılığıyla veya tuval üzerinde düzenleyin ve yineleyin

> Herhangi bir Flowstep tarafından oluşturulan ekranı manuel görsel düzenleme veya sohbet tabanlı istemler aracılığıyla geliştirin — tasarım doğru olana kadar gerekli kadar yineleyin.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

Flowstep tasarımları oluşturulduktan sonra tamamen düzenlenebilir. Yapay zekanın ilk olarak ürettiğine kilitli değilsiniz — görselleri editörde doğrudan ayarlayabilir, değişiklikleri açık dilde tanımlamak için sohbeti kullanabilir veya Flowstep'ten varyasyonlar ve yeni ekranlar oluşturmasını isteyebilirsiniz. Yapılan değişikliğin türüne uygun olan yöntemi kullanın.

## Düzenlemenin iki yolu

<Tabs>
  <Tab title="Manuel görsel düzenleme">
    Tuval üzerinde öğeleri seçerek ve değiştirerek doğrudan değişiklik yapın. Bu yöntem, kesin ayarlamalar için en iyi çalışır — bir bileşeni taşımak, rengi değiştirmek, etiketi güncelle etmek veya boşluğu ayarlamak.

    <Steps>
      <Step title="Değiştirmek istediğiniz öğeyi seçin">
        Tasarımınızdan herhangi bir bileşen veya katmanı seçmek için tıklayın.
      </Step>

      <Step title="Değişikliklerinizi yapın">
        Renk, boyut, konum veya metin içeriği gibi özellikleri ayarlamak için editör kontrollerini kullanın.
      </Step>

      <Step title="Sonucu gözden geçirin">
        Değişiklikleriniz tuval üzerinde hemen uygulanır. Düzenlemeye devam edin veya sonraki ekrana geçin.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Sohbet tabanlı düzenleme">
    Düşündüğünüz değişikliği düz dil ile açıklayın ve Flowstep tasarımı sizin için güncellesin. Bu yöntem geniş veya yapısal değişiklikler için daha hızlıdır — düzeni ayarlamak, bir bölümü yeniden düşünmek veya bir stil yönü uygulamak.

    <Steps>
      <Step title="Sohbet panelini açın">
        Düzenlemek istediğiniz ekranı seçin, ardından sohbet girişini açın.
      </Step>

      <Step title="Değişikliği açıklayın">
        Flowstep'in güncellemesini istediğiniz şeyi yazın. Neyin değişmesi gerektiğini ve neden olduğu hakkında spesifik olun (yardımcı olursa).
      </Step>

      <Step title="Güncellenmiş tasarımı gözden geçirin">
        Flowstep değişikliği uygular ve sonucu gösterir. Tam doğru değilse, daha da geliştirmek için izleyen bir mesaj gönderin.
      </Step>
    </Steps>

    Düzenlemeler ve yeniden oluşturmalar, yeni bir ekran eklemek yerine seçili ekranı **yerinde** güncelleyin — Flowstep değişikliği aktarırken, üzerinde çalıştığı öğe yeşil kesikli kenarlıkla vurgulanır. Seçili bir ekran olmadan oluşturmak bunun yerine yeni bir ekran ekler.
  </Tab>
</Tabs>

## 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 istemini yalnızca buna uygulayın, ekranın geri kalanını dokunmadan bırakın.

* **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) basılı tutun. **Escape** doğrudan seçimden çıkar.
* **Cmd+Shift** ile birden çok ekran arasında alt öğeleri seçin — tek bir istem ileti başına 6 adete kadar ekranı düzenleyebilir.

Bir görüntü öğesi seçildiğinde (wireframe modu dışında), özellik panelinde bir **Image** paneli görünür: görüntü önizlemesi yapın, tuval üzerinde yeni bir görüntü dosyası sürükleyerek veya **Pick image** tıklayarak değiştirin veya **Download image** ile kaydedin.

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

Sohbet geçmişindeki her yapay zeka 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 — **Restore original** düzenlemeyi geri almak için veya **Restore** / **Restore all** silinen ekranları geri getirmek için. Bir düzenleme yanlış yöne gittikten sonra bilinen iyi bir duruma geri dönmek için kullanın.

## Tek tıkla eylemler

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

Doğrudan düzenlemelerin ötesinde, Flowstep'ten alternatifleri keşfetmesini isteyebilirsiniz:

* **Try again from scratch** — Flowstep'in mevcut ekranın farklı bir düzen veya görsel yön ile taze bir versiyonunu üretmesini isteyin.
* **Show the next screen** — Flowstep'in kullanıcı akışında mantıksal olarak sonra gelen şeyi oluşturmasını isteyin.
* **Make it pretty** — tasarım genelinde boşluk, hizalama ve renkleri ayarlayın. Düzen aynı kalır.

Bu seçenekler, her seferinde bir istem yazmak zorunda kalmadan hızlı bir şekilde yinelemek için izin verirsiniz.

## Geliştirmek için yineleme

Tasarım nadiren ilk denemede mükemmel şekilde yere iner. 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 ayarlar. Bir ekranı yinelemek için kaç kez ayarlanacak bir sınır yoktur.

<Tip>
  Sohbet aracılığıyla yineleme yaparken, daha doğru sonuçlar almak için belirli öğelere ada veya konumuna göre başvurun. Örneğin: "Çağrı-işlem düğmesini ekranın alt kısmına taşıyın ve tam genişlik yapın" "düğmeyi düzelt" kadar etkili değildir.
</Tip>