अंजीर: डिजाइन, प्रोटोटाइप, और विस्तृत एंटरप्राइज

चित्र

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

मुश्किल हिस्सा यह है कि मैं इसे एक मालिकाना प्रोटोटाइप प्लेटफॉर्म से साधारण मॉकअप से कर रहा हूं। हालांकि यह विज़ुअलाइज़ेशन और डिज़ाइन के लिए एक ठोस मंच है, लेकिन यह आसानी से HTML5 और CSS3 में अनुवाद नहीं करता है। अन्य सभी पुनरावृत्तियों को जोड़ें, और प्रगति बेहद धीमी होने से मेरे दिन काफी निराशाजनक हो जाते हैं।

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

चित्र

चित्र इस कार्य के अधिकांश भाग को एक प्लेटफ़ॉर्म के साथ केंद्रीकृत करता है, जो आपकी टीम के प्रत्येक सदस्य में डिज़ाइन, प्रतिक्रिया और सहयोग को सक्षम करता है, जिसमें शामिल हैं:

  • डिजाइनर - संदर्भ में और वास्तविक समय में सहयोग करें। कभी भी अपनी फाइलों के आउट होने या एक-दूसरे के काम को ओवरराइट करने की चिंता न करें।
  • हितधारकों - प्रतिक्रिया एकत्र करने के लिए एक लिंक भेजें, परिवर्तन अनुरोध प्राप्त करें, और हितधारकों को अपने डिजाइनों में कॉपी अपडेट करने की अनुमति दें।
  • डेवलपर्स - इंजीनियरों के पास हमेशा वर्तमान स्रोत की सच्चाई होती है और वे तत्वों, निर्यात परिसंपत्तियों और प्रतिलिपि कोड का निरीक्षण कर सकते हैं।

अंजीर में कुछ अनोखी विशेषताएं हैं:

  • बूलियन ऑपरेशन - चार सूत्रों के साथ: संघ, घटाना, प्रतिच्छेद, और बहिष्कृत, आप सटीक के साथ आकार परतों के किसी भी सेट को जोड़ सकते हैं।
  • अवयव - अपनी फ़ाइलों में पुन: प्रयोज्य और स्केलेबल तत्वों के साथ तेजी से और लगातार निर्माण करें। प्रत्येक उदाहरण में एक्सेस लेयर ताकि आप टेक्स्ट और इमेज इनलाइन को सहजता से संपादित और ओवरराइड कर सकें।
  • की कमी - किसी भी स्क्रीन साइज को किसी पैरेंट फ्रेम में फिक्स करके, ग्रिड के लिए स्नैपिंग ऑब्जेक्ट या फिर उस स्केल के कंपोनेंट बनाकर किसी भी स्क्रीन साइज को फिट करने के लिए अपने डिजाइन को स्केल करें।
  • डिवाइस फ्रेम्स - अपने डिजाइनों को सही वातावरण में प्रस्तुत करें। तुम भी चित्र और परिदृश्य मोड के बीच चयन कर सकते हैं।
  • सहभागिता - क्लिक करते समय होवरिंग करते समय, प्रेस करते समय, और अन्य चीजों पर बातचीत को परिभाषित करके अपने प्रोटोटाइप को जीवन में लाएं।
  • ओवरले - रिश्तेदार और मैन्युअल पोजिशनिंग के साथ आप पर पूरा नियंत्रण है कि कहां और कैसे ओवरले दिखाई देते हैं।
  • पिक्सेल-पूर्णता - 60fps इंटरेक्टिव एडिटिंग आपके लिए अल्ट्रा क्रिस्प, पिक्सल-परफेक्ट प्रीव्यू और एक्सपोर्ट लाता है।
  • प्रोटोटाइप - जल्दी से स्क्रीन को जोड़ने और बातचीत, संक्रमण, ओवरले, और अधिक जैसे तत्वों में जोड़कर प्रवाह का निर्माण। अन्य उपकरणों के लिए सिंक्रनाइज़ करने के बजाय बस प्रतिक्रिया प्राप्त करने के लिए एक URL साझा करें।
  • उत्तरदायी डिजाइन - अपने लेआउट्स को स्ट्रेच करें और देखें कि वे स्क्रीन के आकार में परिवर्तन का जवाब कैसे देंगे।

उत्तरदायी प्रोटोटाइप

  • स्क्रॉल - क्षैतिज, ऊर्ध्वाधर या किसी भी दिशा में अलग-अलग आकार या संपूर्ण मूल फ़्रेम में स्क्रॉल करना सक्षम करें।
  • शैलियाँ - अपनी सभी परियोजनाओं में रंगों, पाठ, ग्रिड और प्रभावों को सिंक्रनाइज़ करें। कम पाठ शैलियों को बनाए रखें और अंजीर की अनूठी ग्रिड शैलियों के साथ विभिन्न उपकरणों में अपने डिजाइनों को संरेखित करें।
  • टीम लाइब्रेरी फिम्मा में शेयर घटकों और शैलियों - साझा ड्राइव या अतिरिक्त टूल की कोई आवश्यकता नहीं है। आप और आपकी टीम नियंत्रित करती है कि कैसे और कब परिवर्तन सरल प्रकाशन वर्कफ़्लोज़ के साथ किए जाते हैं।
  • वेक्टर नेटवर्क - Figma ने कलम उपकरण को अधिक सहज होने के लिए बनाया, पथ के साथ पश्च-संगतता को संरक्षित करते हुए प्रत्यक्ष हेरफेर की अनुमति दी।

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

फिगर के साथ शुरुआत करें

फिगमा में ट्यूटोरियल का एक बड़ा चयन है जिसे वे अपने ऊपर बनाए रखते हैं यूट्यूब चैनल, यहां एक प्रारंभ करना वीडियो है:

चित्र डेवलपर्स को डिज़ाइन फ़ाइल से सीधे CSS का निरीक्षण, प्रतिलिपि बनाने, निर्यात करने और कॉपी करने की क्षमता देता है। आप अपने मौजूदा वर्कफ़्लोज़ को एकीकरण सहित, सक्षम भी कर सकते हैं हवाई पोत, एवोकोड, Jira, ड्रॉपबॉक्स, प्रोटोपी, तथा सिद्धांत मैक के लिए। उनके पास एक मजबूत एपीआई भी है।

मुफ्त के लिए Figma की कोशिश करो

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.