> ## 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 nedir?

> Flowstep, metin istemlerinden parlak UI ekranları oluşturan bir AI tasarım aracıdır. Ne yaptığını, kimler için tasarlandığını ve onunla neler inşa edebileceğinizi öğrenin.

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" 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 />

İstediğiniz ekranı açıklayın, saniyeler içinde tasarlanmış bir arayüz alın.

Yazılımcılar için kod yazmadan önce bir UI'yi belirtmek için en hızlı yoldur. PM'ler ve kurucular için, ürün fikirlerini belirsizlik olmadan iletmenin bir yoludur. Tasarımcılar için, boş tuvalden kurtaran bir başlangıç noktasıdır.

## Flowstep ile neler yapabilirsiniz

* **Metinden ekranlar oluşturun** — istediğinizi açıklayın, saniyeler içinde tasarlanmış bir UI alın
* **İstemler veya doğrudan düzenlemeler aracılığıyla yineleyin** — tuval içinde kalmadan düzenleri, metni ve stilini iyileştirin
* **Etkileşimli bir prototip olarak önizleyin** — Flowstep ekranlarınızı otomatik olarak tıklanabilir bir akışa bağlar. [Prototipler](/tr/prototypes) bölümüne bakın.
* **IDE'nize MCP aracılığıyla bağlanın** — Cursor, Claude Code, Windsurf veya Claude Desktop'tan ekranlar oluşturun ve düzenleyin. [MCP Server](/tr/mcp/overview) bölümüne bakın.
* **Figma'ya, koda veya görüntü dosyalarına aktarın** — mevcut bir Figma dosyasına doğrudan yapıştırın, kodu aktarın veya ekranları PNG/JPG olarak indirin
* **Tek bir bağlantı ile paylaşın** — gözden geçirenler bir Flowstep hesabına ihtiyaç duymadan görüntüleyebilir veya yorum yapabilir

## Flowstep kimler içindir

* **Yazılımcılar** tasarımcısı olmadan ürün UI'si oluşturan veya bir ekranı uygulamadan önce görsel olarak belirtmek isteyen
* **Ürün yöneticileri ve kurucuları** fikirleri görsel olarak iletmek veya bir fikri doğrulamak
* **Tasarımcılar** boş tuvalden kurtularak — oluşturulan bir düzenden başlayın ve oradan düzenleyin

<Note>
  Tasarım deneyimi gerekli değil. Bir ekranı düz İngilizce'de açıklayabiliyorsanız, Flowstep onu oluşturabilir.
</Note>

## Sonra nereye gitsem

<CardGroup cols={2}>
  <Card title="Hızlı Başlangıç" icon="rocket" href="/tr/getting-started">
    Beş dakikanın altında ilk ekranınızı oluşturun.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/tr/mcp/overview">
    Cursor, Claude Code veya MCP uyumlu herhangi bir istemciden Flowstep'i kullanın.
  </Card>

  <Card title="Tasarımlar oluşturma" icon="wand-magic-sparkles" href="/tr/generating-designs">
    İstediğiniz ekranları üreten istemler nasıl yazacağınız.
  </Card>

  <Card title="Figma entegrasyonu" icon="figma" href="/tr/figma-integration">
    Flowstep tasarımlarını bir klavye kısayolu ile mevcut bir Figma dosyasına yapıştırın.
  </Card>
</CardGroup>