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

> Flowstep — matnli promptlardan toza UI ekranlarni yaratuvchi AI dizayn vositasi. Uning imkoniyatlari, kimlar uchun mo'ljallangani va siz bilan nima qura olashinggni o'rganing.

<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 />

Xohlagan ekranni tavsiflab bering, bir necha sekundda loyihalashtiruvchi interfeys oling.

Dasturchilار uchun bu kod yozishdan oldin UI-ni belgilashning eng tez usuli. PM va asoschilar uchun bu mahsulot g'oyalarini aniqliksiz ifodalash usuli. Dizaynerlar uchun bu bo'sh canvas-ni o'tkazib ketadigan boshlang'ich nuqta.

## Flowstep bilan nima qila olasiz

* **Matndan ekranlarni yarating** — xohlagan narsani tavsiflab bering, bir necha sekundda loyihalashtiruvchi UI oling
* **Promptlar yoki to'g'ridan-to'g'ri tahrirlash orqali takrorlang** — canvas-dan chiqmasdan maketlarni, matnni va uslubni tahlil qiling
* **Interaktiv prototip sifatida ko'rib chiqing** — Flowstep ekranlaringgni avtomatik ravishda bosiluvchi oqimga bog'laydi. Qarang [Prototiplar](/uz/prototypes).
* **IDE-sga MCP orqali ulanish** — Cursor, Claude Code, Windsurf yoki Claude Desktop-dan ekranlarni yarating va tahrirlang. Qarang [MCP Server](/uz/mcp/overview).
* **Figma-ga, kodga yoki rasm fayllariga eksport qiling** — mavjud Figma fayliga to'g'ridan-to'g'ri qo'ying, kodni eksport qiling yoki ekranlarni PNG/JPG sifatida yuklab oling
* **Bitta havola bilan ulashing** — recenzentlar ko'rish yoki izoh qoldirish uchun Flowstep akkauntiga ehtiyoj yo'q

## Flowstep kimlar uchun

* **Dasturchilar** dizayner yordamisiz mahsulot UI-ni quradigan yoki implement qilishdan oldin ekranni vizual ravishda belgilash xohlagan
* **Mahsulot menejerlari va asoschilar** g'oyalarini vizual ravishda ifodalagan yoki g'oyani tekshirgan
* **Dizaynerlar** bo'sh canvas-ni o'tkazib ketadigan — yaratilgan maketdan boshlang va u yerdan tahrirlang

<Note>
  Dizayn tajribasi talab qilinmaydi. Agar ekranni sodda tilida tavsifla olsangiz, Flowstep uni yarata oladi.
</Note>

## Keyingi qadam

<CardGroup cols={2}>
  <Card title="Tezkor boshlash" icon="rocket" href="/uz/getting-started">
    Birinchi ekranni besh minutdan kam vaqtda yarating.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/uz/mcp/overview">
    Flowstep-ni Cursor, Claude Code yoki istalgan MCP-ga muvofiq klientdan foydalaning.
  </Card>

  <Card title="Dizaynlarni yaratish" icon="wand-magic-sparkles" href="/uz/generating-designs">
    Xohlagan ekranlarni ishlab chiqadigan promptlarni qanday yozish kerak.
  </Card>

  <Card title="Figma integratsiyasi" icon="figma" href="/uz/figma-integration">
    Flowstep dizaynlarini mavjud Figma fayliga bitta yorliq bilan qo'ying.
  </Card>
</CardGroup>