figma-create-design-system-rulesउद्देश्य, उपयोग और स्रोत

यह कौशल क्या करता है

यह उपयोगकर्ता के कोडबेस के लिए कस्टम डिज़ाइन सिस्टम नियम तैयार करता है। इसका उपयोग तब करें जब उपयोगकर्ता "डिज़ाइन सिस्टम नियम बनाएँ", "मेरे प्रोजेक्ट के लिए नियम तैयार करें", "डिज़ाइन नियम सेट करें", "डिज़ाइन सिस्टम दिशानिर्देश अनुकूलित करें" जैसे विकल्प चुनता है, या फिग्मा-टू-कोड वर्कफ़्लो के लिए प्रोजेक्ट-विशिष्ट नियम स्थापित करना चाहता है। इसके लिए फिग्मा एमसीपी सर्वर से कनेक्शन आवश्यक है।

अपस्ट्रीम वर्कफ़्लो कैसे काम करता है

- IMPORTANT: Always use components from `[YOUR_PATH]` when possible
- Place new UI components in `[COMPONENT_DIRECTORY]`
- Follow `[NAMING_CONVENTION]` for component names
- Components must export as `[EXPORT_PATTERN]`

आवश्यकताएँ और सेटअप

सीमाएं और गुणवत्ता जांच

सुरक्षित परीक्षण से शुरुआत करें

1. समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
2. एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
3. डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
4. स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।

कौशल प्रारूप और निर्देशिका विनिर्देश ↗

मूल लेख में आगे पढ़ें

• अवलोकन
• डिजाइन सिस्टम नियम क्या हैं?
• आवश्यक शर्तें
• इस कौशल का उपयोग कब करें
• आवश्यक कार्यप्रवाह
• कदम1: डिज़ाइन सिस्टम नियम बनाने के टूल को चलाएँ
• कदम2कोडबेस का विश्लेषण करें
• कदम3: परियोजना-विशिष्ट नियम उत्पन्न करें
• कदम4नियमों को उपयुक्त नियम फ़ाइल में सहेजें
• कदम5: मान्य करें और पुनरावृति करें
• आवश्यक नियम (हमेशा शामिल करें)
• अनुशंसित नियम (अत्यंत महत्वपूर्ण)
• वैकल्पिक नियम (परियोजना-विशिष्ट)
• उदाहरण1: रिएक्ट + टेलविंड प्रोजेक्ट
• उदाहरण2: Vue + कस्टम CSS प्रोजेक्ट
• उदाहरण3: डिजाइन सिस्टम टीम
• सरल से शुरू करें, फिर आगे बढ़ें
• विशिष्ट रहो
• नियमों को क्रियान्वित करने योग्य बनाएं
• महत्वपूर्ण नियमों के लिए IMPORTANT का उपयोग करें
• कारण का दस्तावेजीकरण करें
• समस्या: एजेंट नियमों का पालन नहीं कर रहा है
• समस्या: नियम आपस में परस्पर विरोधी हैं
• समस्या: बहुत अधिक नियम होने से लेटेंसी बढ़ जाती है
• समस्या: परियोजना के विकास के साथ नियम अप्रचलित हो जाते हैं
• डिजाइन सिस्टम नियमों को समझना
• अतिरिक्त संसाधन

सम्बंधित योग्यता

• chatgpt-appsopenai/skills
• figmaopenai/skills
• figma-code-connect-componentsopenai/skills
• figma-create-new-fileopenai/skills

अनुवाद और दायरा

यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।

यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।

पिन किया गया स्रोत

मूल लेख पढ़ें ↗

स्रोत प्राप्त किया गया

2026-10-29T09:32:23Z

स्रोत कमिट

49f948faa9258a0c61caceaf225e179651397431

स्रोत SHA-256

1f4d7e16ba5325a80da32e2e6bde0ea850ba9287f35f4675d51d55d2f0dc6e2a