> ## 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'te başlayın: kaydolun ve tasarımlar oluşturun

> Ücretsiz bir Flowstep hesabı oluşturun, metin isteminden ilk UI tasarımınızı oluşturun ve takımınızla paylaşın — hepsi tek bir oturumda.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" 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'te çalışmaya başlamak sadece birkaç dakika sürer. Ücretsiz kaydolursunuz, ne inşa etmek istediğinizi açıklarsınız ve Flowstep tasarımınızı hemen oluşturur. Oradan sonraki istemlerle iyileştirilebilir, takımınızı işbirliğine davet edebilir ve sonucu paydaşlarla paylaşabilirsiniz — tasarım araçları veya önceki deneyim gerekmez.

<Steps>
  <Step title="Ücretsiz hesabınızı oluşturun">
    [flowstep.ai](https://flowstep.ai) adresine gidin ve Google veya e-posta ve şifre ile kaydolun. Başlamak için kredi kartı gerekli değildir.

    <Note>
      E-posta ve şifre ile kaydolursanız, gelen kutunuzu kontrol edin ("Confirm your Flowstep email" mesajı) ve hesabınızı etkinleştirmek için bağlantıyı tıklayın — "Check your inbox" sayfasından gelmedi ise yeniden gönderebilirsiniz. Tek kullanımlık e-posta adresleri kabul edilmez; bir iş veya kişisel e-posta kullanın.
    </Note>

    Kaydolduktan sonra kısa bir hoşgeldin ekranına inersiniz: üç hızlı soruyu yanıtlayın, ardından ilk tasarımınızı hemen orada açıklayın — başlangıç noktası isterseniz dört örnek istem (Dashboard, Landing page, Mobile app, Checkout) mevcuttur.
  </Step>

  <Step title="İstediğiniz ekranı açıklayın">
    Aklınızdaki UI'yi açıklayan düz İngilizce'de bir istem yazın. Ekranın amacı ve içermesi gereken anahtar öğeler hakkında özel olun.

    "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation" gibi bir istem, Flowstep'e odaklanmış ve yararlı bir tasarım oluşturacak yeterli bağlam verir.

    <Tip>
      Tasarım sözcüğüne gerek yok. Ekranın ne için olduğuna ve ne bilgiler göstermesi gerektiğine odaklanın — Flowstep düzeni, tipografiyi, aralığı ve renk seçimlerini yönetir.
    </Tip>
  </Step>

  <Step title="Ekranlarınızı oluşturun">
    İsteminizi gönderin ve Flowstep tasarımınızı saniyeler içinde oluşturur. Farklı yönleri keşfetmek veya tam bir akış oluşturmak için tek bir oturumda birden fazla ekran oluşturabilirsiniz.
  </Step>

  <Step title="Sohbet yoluyla iyileştirin">
    Tam doğru değil mi? Tasarımı ayarlamak için bir sonraki istem yazın — renk şemasını değiştirin, öğeleri yeniden düzenleyin, içeriği değiştirin veya tamamen farklı bir düzen isteyin. Öğeleri manuel olarak düzenleyebilir veya seçenekler menüsünde tek tıkla eylemler kullanabilirsiniz.
  </Step>

  <Step title="Çalışmanızı dışa aktarın veya paylaşın">
    Sonuçtan memnun olduğunuzda, nasıl paylaşacağınızı seçin:

    * Kodu **Export** edin veya MCP aracılığıyla
    * Ekranı JPG veya PNG dosyası olarak **Download** edin
    * Mevcut bir Figma dosyasına doğrudan yapıştırmak için klavye kısayolu kullanarak **Copy to Figma** yapın
    * Takım arkadaşları veya paydaşlarla **Share a link** yapın — hesap oluşturmadan tasarımı görüntüleyebilirler

    <Note>
      Bir Flowstep dosyasında işbirliği yapmak üzere takımınızı davet edebilirsiniz. Dakikalar içinde katılabilir ve katkıda bulunmaya başlayabilirler.
    </Note>
  </Step>
</Steps>