> ## 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 क्या है?

> Flowstep एक AI डिज़ाइन टूल है जो टेक्स्ट प्रॉम्प्ट से पॉलिश्ड UI स्क्रीन जेनरेट करता है। जानें यह क्या करता है, यह किसके लिए है, और आप इसके साथ क्या बना सकते हैं।

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

वह स्क्रीन बताएं जो आप चाहते हैं, कुछ सेकंड में एक डिज़ाइन किया गया इंटरफेस पाएं।

डेवलपर्स के लिए, कोड लिखने से पहले UI स्पेक करने का यह सबसे तेज़ तरीका है। PMs और फाउंडर्स के लिए, यह उत्पाद विचारों को बिना किसी अस्पष्टता के संचार करने का एक तरीका है। डिज़ाइनर्स के लिए, यह एक शुरुआती बिंदु है जो खाली कैनवास को छोड़ देता है।

## Flowstep के साथ आप क्या कर सकते हैं

* **टेक्स्ट से स्क्रीन जेनरेट करें** — बताएं कि आप क्या चाहते हैं, कुछ सेकंड में एक डिज़ाइन किया गया UI पाएं
* **प्रॉम्प्ट के माध्यम से या सीधे संपादन करके पुनरावृत्ति करें** — कैनवास छोड़े बिना लेआउट, कॉपी और स्टाइलिंग को परिष्कृत करें
* **इंटरैक्टिव प्रोटोटाइप के रूप में पूर्वावलोकन करें** — Flowstep आपकी स्क्रीन को स्वचालित रूप से एक क्लिक करने योग्य प्रवाह में लिंक करता है। [प्रोटोटाइप](/hi/prototypes) देखें।
* **MCP के माध्यम से अपने IDE से कनेक्ट करें** — Cursor, Claude Code, Windsurf, या Claude Desktop से स्क्रीन जेनरेट और संपादित करें। [MCP सर्वर](/hi/mcp/overview) देखें।
* **Figma, कोड, या इमेज फाइलों के रूप में निर्यात करें** — मौजूदा Figma फाइल में सीधे पेस्ट करें, कोड निर्यात करें, या स्क्रीन को PNG/JPG के रूप में डाउनलोड करें
* **एक लिंक के साथ साझा करें** — समीक्षकों को देखने या टिप्पणी करने के लिए Flowstep खाते की आवश्यकता नहीं है

## Flowstep किसके लिए है

* **डेवलपर** जो बिना डिज़ाइनर के प्रोडक्ट UI बनाते हैं, या जो इसे लागू करने से पहले स्क्रीन को दृश्य रूप से स्पेक करना चाहते हैं
* **प्रोडक्ट मैनेजर और फाउंडर** विचारों को दृश्य रूप से संचार करते हैं या किसी विचार को मान्य करते हैं
* **डिज़ाइनर** खाली कैनवास को छोड़ देते हैं — जेनरेट किए गए लेआउट से शुरू करें और वहां से संपादित करें

<Note>
  डिज़ाइन अनुभव की आवश्यकता नहीं है। यदि आप किसी स्क्रीन को सादे अंग्रेजी में बता सकते हैं, तो Flowstep इसे जेनरेट कर सकता है।
</Note>

## आगे कहां जाएं

<CardGroup cols={2}>
  <Card title="शुरुआत करें" icon="rocket" href="/hi/getting-started">
    पांच मिनट से कम में अपनी पहली स्क्रीन जेनरेट करें।
  </Card>

  <Card title="MCP सर्वर" icon="terminal" href="/hi/mcp/overview">
    Cursor, Claude Code, या किसी भी MCP-संगत क्लाइंट से Flowstep का उपयोग करें।
  </Card>

  <Card title="डिज़ाइन जेनरेट करना" icon="wand-magic-sparkles" href="/hi/generating-designs">
    ऐसे प्रॉम्प्ट कैसे लिखें जो वह स्क्रीन तैयार करें जो आप वास्तव में चाहते हैं।
  </Card>

  <Card title="Figma एकीकरण" icon="figma" href="/hi/figma-integration">
    Flowstep डिज़ाइन को एक शॉर्टकट के साथ मौजूदा Figma फाइल में पेस्ट करें।
  </Card>
</CardGroup>