मुख्य सामग्री पर जाएँ

Figma डिज़ाइन सिस्टम के लिए

प्रत्येक के लिए एक डिज़ाइन सिस्टम

साझा परिसंपत्तियां और लाइब्रेरी बनाएं जिन तक पूरी टीम पहुंच सकती है. Figma डिज़ाइन सिस्टम को अपनाने में सक्षम बनाता है जिससे अधिक सुसंगतता और दक्षता प्राप्त होती है.

डिज़ाइन सिस्टम के हिस्से के रूप में एक ग्रिड पर परत किए गए टॉगल, शेप, अक्षर और बाउंडिंग बॉक्सडिज़ाइन सिस्टम के हिस्से के रूप में एक ग्रिड पर परत किए गए टॉगल, शेप, अक्षर और बाउंडिंग बॉक्स

टीमों का भरोसा

Puma लोगोStripe लोगोThe New York Times लोगोNetflix लोगोSpotify लोगो

डिज़ाइन सिस्टम जो स्केल करते हैं

फिर से उपयोग की जाने वाली परिसंपत्तियों पर सहयोग करें, ताकि एक डिज़ाइन सिस्टम तैयार हो सके जो टीमों और उत्पादों के बीच स्थिरता और नवाचार की सुविधा प्रदान करता है.

आइकन, रंग, टाइपफ़ेस शैलियाँ, और स्पेसर्स की एक लाइब्रेरीआइकन, रंग, टाइपफ़ेस शैलियाँ, और स्पेसर्स की एक लाइब्रेरी

तेजी से इनोवेशन के लिए संरचना बनाएं

शैलियाँ, वैरिएबल, और कम्पोनेन्ट मानकीकृत करें, ताकि आपके उत्पादों और ब्रांडों के लिए रंग से लेकर पैडिंग तक सबकुछ सहजता से स्केल हो सके.

अधिक स्थिरता के लिए लाइब्रेरी साझा करें

टीम लाइब्रेरी में परिसंपत्तियां पब्लिश करें, ताकि नवीनतम स्वीकृत डिज़ाइन तत्व हमेशा खींचने और छोड़ने की दूरी पर हों.

जैसे-जैसे आपका उत्पाद बढ़ता है, अपने डिज़ाइन सिस्टम को स्केल करें

बेहतरीन डिज़ाइन सिस्टम क्षमताएं, जैसे कि वैरिएबल मोड, आपको यूज़ केस, विषयों और अधिक के माध्यम से स्केल करने में मदद करते हैं.

डिज़ाइन सिस्टम फ़ीचर्स एक्सप्लोर करें

डिज़ाइन और कोड के बीच संरेखित डिज़ाइन सिस्टम के साथ प्रोडक्ट विकास प्रक्रिया को सुव्यवस्थित करें.

ऐप उत्पाद शॉट्स की एक लाइट मोड और डार्क मोड व्यू निर्यात के लिएऐप उत्पाद शॉट्स की एक लाइट मोड और डार्क मोड व्यू निर्यात के लिए

डिजाइन टोकन लागू करें

अपने डिज़ाइन सिस्टम के लिए डिज़ाइन टोकन लागू करने के लिए वैरिएबल और मोड का उपयोग करें. लाइट और डार्क मोड्स के बीच स्विच करने के लिए रंग टोकन या अलग-अलग ब्रांड्स के बीच फ़ॉन्ट बदलने के लिए टाइपोग्राफ़ी टोकन का उपयोग करें, और भी बहुत कुछ.

वैरिएबल्स के साथ शुरुआत करें

एक कर्सर बटन के लिए कस्टम वैरिएबल के मेन्यू से चयन कर रहा हैएक कर्सर बटन के लिए कस्टम वैरिएबल के मेन्यू से चयन कर रहा है

Figma में कम्पोनेन्ट को कोड में मैप करें

कम्पोनेन्ट को अधिक अनुकूलन योग्य बनाने और उन्हें रिएक्ट प्रोपर्टीज़ से जोड़ने के लिए घटक प्रोपर्टीज़ का उपयोग करें.

घटक प्रोपर्टी का अन्वेषण करें

API कोड का एक निरीक्षण व्यूAPI कोड का एक निरीक्षण व्यू

डिज़ाइन सिस्टम को सिंक में रखें

Figma के वैरिएबल REST API का उपयोग करें, ताकि आप थोक में वेरिएबल्स बना और प्रबंधित कर सकें - जिससे आपका समय बचता है और आपका डिज़ाइन सिस्टम बढ़ता है.

दस्तावेज़ देखें

एक ग्राफ़ जो एक कम्पोनेन्ट लाइब्रेरी के उपयोग एनालिटिक्स दिखा रहा है.एक ग्राफ़ जो एक कम्पोनेन्ट लाइब्रेरी के उपयोग एनालिटिक्स दिखा रहा है.

उपयोग एनालिटिक्स का ट्रैक रखें

डिज़ाइन सिस्टम एनालिटिक्स के साथ अपनी टीम के कम्पोनेन्ट और वैरिएंट के उपयोग की जांच करें.

कम्पोनेन्ट एनालिटिक्स के बारे में और जानें

हमने जब Figma पर शिफ़्ट किया, तो रात और दिन का अंतर था. इसने हमारे डिज़ाइन सिस्टम को बनाने में उत्प्रेरक की भूमिका निभाई.

जेम्स डेविस, लीड डिज़ाइनर, न्यूज़ यूके

न्यूजयूके लोगो
कहानी पढ़ें

Spotify की क्रॉस-प्लेटफ़ॉर्म डिज़ाइन सिस्टम के बारे में

कैसे सहयोग की अधिक आवश्यकता के कारण Spotify की डिज़ाइन सिस्टम टीम ने कम्पोनेन्ट के लिए एक क्रॉस-प्लेटफॉर्म दृष्टिकोण अपनाया, यह पढ़ें.

लेख पढ़ें

Salesforce, Spotify, GitHub, and Atlassian लोगो.Salesforce, Spotify, GitHub, and Atlassian लोगो.

प्रमुख ब्रांडों से खुले डिज़ाइन सिस्टम का अन्वेषण करें

गिटहब, एटलासियन, सेल्सफोर्स और अन्य ब्रांडों जैसे खुले डिज़ाइन सिस्टम तक पहुंच प्राप्त करें.

designsystems.com पर जाएं

लैवेंडर बैकग्राउंड पर एक चढ़ता ग्राफ.लैवेंडर बैकग्राउंड पर एक चढ़ता ग्राफ.

डिज़ाइन सिस्टम एनालिटिक्स का अधिकतम लाभ उठाने के 5 तरीके

डिज़ाइन सिस्टम एनालिटिक्स टीमों को उनके लिए ज़रूरी संदर्भ देते हैं जिससे वे बेहतर निर्णय ले सकें और अपनाने को बढ़ावा मिल सके.

गाइड प्राप्त करें

अक्सर पूछे जाने वाले प्रश्न