design-tokens

लोकप्रिय ब्रांड डिज़ाइन सिस्टम द्वारा DESIGN.md फ़ाइलों के विश्लेषण का एक संग्रह। इसे अपने प्रोजेक्ट में डालें और कोडिंग एजेंटों को एक मिलान करने वाला UI जनरेट करने दें।

🐼 डिज़ाइन सिस्टम के लिए यूनिवर्सल, टाइप-सेफ, CSS-in-JS फ्रेमवर्क ⚡️

सीमा-आधारित डिज़ाइन सिद्धांतों के आधार पर सुसंगत, थीम योग्य React ऐप्स बनाएं

क्रॉस-प्लेटफ़ॉर्म स्टाइल बनाने के लिए एक बिल्ड सिस्टम।

एक कमांड के साथ किसी भी वेबसाइट की संपूर्ण डिज़ाइन प्रणाली निकालें। DTCG टोकन, सेमांटिक+प्रिमिटिव+कम्पोजिट, Claude Code/Cursor/Windsurf के लिए MCP सर्वर, मल्टी-प्लेटफ़ॉर्म एमिटर (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma वेरिएबल्स, shadcn/ui, CSS हेल्थ ऑडिट, WCAG सुधार, Chrome एक्सटेंशन। MIT, Playwright, Node 20+।

सेकंड में किसी भी वेबसाइट की डिज़ाइन प्रणाली को टोकन में निकालें: लोगो, रंग, टाइपोग्राफी, बॉर्डर और बहुत कुछ। एक कमांड।

180 मुफ्त CSS3, Figma, Sketch और PSD ग्रेडिएंट — साथ ही डिज़ाइन टूल, जनरेटर और AI एजेंटों के लिए एक JSON डेटासेट।

यह डिज़ाइन टोकन साइट और विशिष्टता के लिए आधिकारिक DTCG रिपॉजिटरी है।

संदर्भ UI (छवि, स्क्रीनशॉट, URL) को मात्रात्मक Design DNA JSON—टोकन, गुणात्मक शैली, दृश्य प्रभाव—में बदलें, फिर आपकी सामग्री से मेल खाता हुआ UI जनरेट करें।

प्लगइन 'Tokens Studio for Figma' (Figma Tokens) की आधिकारिक रिपॉजिटरी

Design Tokens से जुड़ी सभी चीज़ों पर संसाधनों की सूची

🎨 डिज़ाइन टोकन्स को अमेज़न स्टाइल डिक्शनरी संगत फ़ॉर्मैट में JSON के रूप में एक्सपोर्ट करने के लिए Figma प्लगइन।

Claude Code, Codex & Cursor के लिए ओपन-सोर्स डिज़ाइन-मेथड इंजन। निश्चित डिज़ाइन निर्णय, एकाधिक व्याकरण, सिमेंटिक पैलेट, संदर्भ संकलन और साक्ष्य-सत्यापित UI के लिए 23 एजेंट कौशल। MIT।

Claude को एक सीनियर डिज़ाइन आर्किटेक्ट में बदलें — DTCG डिज़ाइन टोकन, 42 घटक, WCAG 2.2 एक्सेसिबिलिटी, किसी भी फ्रेमवर्क के लिए कोड, 138 डिज़ाइन सिस्टम और चलाने योग्य कौशल।

डेवलपर्स के लिए डिज़ाइन सिस्टम पर बुकमार्क, संसाधनों और लेखों की एक क्यूरेटेड सूची।

Figmagic DevOps और डिज़ाइन के बीच की कड़ी है: डिज़ाइन टोकन जेनरेट करें, ग्राफिक्स एक्सपोर्ट करें, और अपने Figma दस्तावेज़ों से डिज़ाइन टोकन-संचालित React कंपोनेंट्स निकालें।

PatternFly प्रोजेक्ट के लिए React घटकों का एक सेट।

अपने <script> को हल्का और <style> को स्मार्ट बनाएं

आपकी स्टाइलशीट और आइकन फ़ाइलों से उत्पन्न डिज़ाइन टोकन दस्तावेज़ीकरण प्रदर्शित करें। ब्राउज़र में डिज़ाइन टोकन परिवर्तनों का पूर्वावलोकन करें। कस्टम Doc Blocks का उपयोग करके अपने Storybook Docs पेजों में अपने डिज़ाइन टोकन जोड़ें।

अपने डिज़ाइन सिस्टम को एजेंट प्लगइन में कंपाइल करें। किसी भी संदर्भ से पहचान निकालें, SKILL.md + tokens.css उत्सर्जित करें, और जो आपके टोकन को बायपास करता है उसे लिंट करें।

CSS के लिए विजुअल डेवलपमेंट एनवायरनमेंट

UI घटकों के साथ उपयोग के लिए थीम ऑब्जेक्ट्स और डिज़ाइन टोकन को परिभाषित करने के लिए एक विनिर्देश।

Unity 6 UI Toolkit (UIDocument + PanelRenderer, UXML + USS) के लिए ड्रॉप-इन डिज़ाइन सिस्टम: टोकन, fx शेडर मटेरियल सपोर्ट, 42 कंपोनेंट्स, 120 आइकॉन, मोबाइल-रिस्पॉन्सिव, डार्क-थीम। एक स्टाइलशीट, शून्य निर्भरताएँ। एक शिपिंग क्रॉस-प्ले गेम में परखा हुआ।

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.

Helios डिज़ाइन सिस्टम