> ## 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 फ़ाइल को क्लिक योग्य प्रोटोटाइप के रूप में खोलें — Flowstep स्वचालित रूप से आपकी स्क्रीन को जोड़ता है, और आप प्रति तत्व नेविगेशन को मैन्युअल रूप से सेट या लॉक कर सकते हैं।

Flowstep किसी फ़ाइल में स्क्रीन को क्लिक योग्य प्रोटोटाइप में बदल सकता है। संपादक टूलबार में **Preview** क्लिक करें और Flowstep एक पूर्ण-पृष्ठ प्रोटोटाइप प्लेयर खोलता है जहां आप अपने प्रवाह के माध्यम से क्लिक कर सकते हैं — उपयोगकर्ता यात्रा का परीक्षण करने या हितधारकों को प्रस्तुत करने के लिए उपयोगी।

## प्रोटोटाइप खोलें

<Steps>
  <Step title="Preview पर क्लिक करें">
    संपादक टूलबार में, **Preview** पर क्लिक करें। प्रोटोटाइप प्लेयर एक पूर्ण-पृष्ठ दृश्य के रूप में खुलता है, संपादक से अलग।
  </Step>

  <Step title="Flowstep को अपनी स्क्रीन को लिंक करने दें">
    यदि आपकी फ़ाइल में दो या अधिक स्क्रीन हैं, तो Flowstep स्वचालित रूप से इंटरैक्टिव तत्वों को जोड़ता है — बटन, कार्ड, मेनू आइटम — जब आप पूर्वावलोकन खोलते हैं तो उनकी लक्ष्य स्क्रीन पर ("Bringing your screens to life" देखें जबकि यह काम करता है)। लिंक केवल तभी पुनः जनरेट किए जाते हैं जब आपकी स्क्रीन आखिरी बार के बाद से बदल गई हों।
  </Step>

  <Step title="अपने प्रवाह के माध्यम से क्लिक करें">
    किसी भी जुड़े हुए तत्व पर क्लिक करें — एक बटन, एक कार्ड, एक मेनू आइटम — इसकी लक्ष्य स्क्रीन पर नेविगेट करने के लिए। साइडबार फ़ाइल में सभी स्क्रीन को सूचीबद्ध करता है ताकि आप सीधे किसी के लिए भी कूद सकें, और **Back to editor** आपको फ़ाइल पर लौटाता है।
  </Step>
</Steps>

<Note>
  स्वचालित लिंकिंग को फ़ाइल में कम से कम दो स्क्रीन की आवश्यकता होती है। यदि लिंक जनरेशन विफल होता है, तो प्लेयर में **Retry** बटन का उपयोग करें।
</Note>

## नेविगेशन को मैन्युअल रूप से सेट करें

आप सटीक रूप से नियंत्रित कर सकते हैं कि एक तत्व कहां नेविगेट करता है:

1. संपादक में, तत्व को चुनें (उदाहरण के लिए, एक बटन)।
2. दाईं ओर संपत्ति पैनल में **Navigation** पैनल खोलें।
3. ड्रॉपडाउन से एक लक्ष्य स्क्रीन चुनें — या लिंक को हटाने के लिए **No navigation** चुनें।

Flowstep की स्वचालित लिंकिंग को आप अपने द्वारा स्वयं सेट किए गए लिंक को ओवरराइट करने से रोकने के लिए, Navigation पैनल में **Lock link** पर क्लिक करें। जब लिंक पुनः जनरेट किए जाते हैं तो लॉक किए गए लिंक को अछूता छोड़ दिया जाता है।

## इंटरैक्टिव नियंत्रण

एक प्रोटोटाइप केवल क्लिक योग्य नेविगेशन नहीं है — आपकी स्क्रीन पर नियंत्रण पूर्वावलोकन के दौरान प्रतिक्रिया करते हैं। एक स्विच फ्लिप करें, एक चेकबॉक्स को टिक करें, एक रेडियो विकल्प चुनें, ड्रॉपडाउन से चुनें, टैब स्विच करें, एक फ़ील्ड में टाइप करें, या एक काउंटर बढ़ाएं, और स्क्रीन लाइव नई स्थिति को प्रतिबिंबित करने के लिए अपडेट होती है।

एक पूर्वावलोकन सत्र के दौरान किसी फ़ाइल में स्क्रीन एक प्रोटोटाइप स्थिति साझा करते हैं, इसलिए आप एक स्क्रीन पर जो परिवर्तन करते हैं वह आपके दूसरों में क्लिक करने के बाद ले जाया जाता है। आप यह भी देखने के लिए एक स्क्रीन को हल्के और गहरे रूप के बीच स्विच कर सकते हैं कि यह कैसे प्रतिक्रिया करता है।

<Note>
  इंटरैक्टिव व्यवहार आपकी स्क्रीन से स्वचालित रूप से बनाया जाता है — इसे वायर अप करने के लिए कुछ भी नहीं है। इसे आज़माने के लिए किसी फ़ाइल का पूर्वावलोकन करें।
</Note>