Figma में VKUI घटक डिज़ाइन लाइब्रेरी प्रकाशित करें

डिज़ाइन टूल में लाइब्रेरी एक डिज़ाइन सिस्टम का एक महत्वपूर्ण हिस्सा हैं। हमारा मानना ​​है कि डिजाइनरों को उन तत्वों के साथ काम करना चाहिए जो कोड में कार्यान्वयन के लिए यथासंभव करीब हैं। इसलिए, पुस्तकालयों में हमने उनके लिए सबसे प्रासंगिक घटक एकत्र किए हैं जो विकास के दौरान उपलब्ध सभी समान स्थितियों को दर्शाते हैं।

प्रतिक्रिया स्रोत कोड पहले से ही प्रकाशित किया गया है पर Github - हमारे डेवलपर्स 'उदाहरण का पालन करना, अब हम Figma में घटक पुस्तकालयों साझा कर रहे हैं।

अंजीर में VK पृष्ठ पर चार पुस्तकालय उपलब्ध हैं:

• VKUI बेस लाइब्रेरी - एक मूल पुस्तकालय जिसमें 650 से अधिक आइकन होते हैं और एक हल्के और अंधेरे विषय (शैलियों के रूप में) के लिए सभी रंग टोकन होते हैं;
• वीकेयूआई आईओएस लाइब्रेरी और वीकेयूआई एंड्रॉइड लाइब्रेरी - आईओएस और एंड्रॉइड के लिए घटक पुस्तकालय, बेस लाइब्रेरी से टोकन पर एकत्र किए गए, साथ ही तैयार स्क्रीन टेम्पलेट;
• वीकेयूआई रंग पैलेट - वीके अनुप्रयोगों से एक रंग पैलेट जो रंग टोकन एकत्र करता है।

यह आपके लिए कैसे उपयोगी हो सकता है

वीके मिनी एप्स

- VKUI , -. , VK, — - 16 . VK Mini Apps, 30 .

- VKUI. — . , -, .

, VKUI:

• Antodo,
• ,
• FitQuest,
• 2020.

VK Designers

VK Designers — .

, . , , Auto Layout, . .

, . , , , — .

-, .

Figma , -. , , — , .

Figma — .

Auto Layout

Auto Layout Figma , . , - , . - Auto Layout , —

. — Figma .

, JSON VKUI Base Library . .

Figma Appearance — . : , Light Text / Primary Dark Text / Primary. 200+ .

, , , . , — : .

VKUI Figma, :

• ;
• , ;
• , ;
• ;
• .

iOS Android.

Sketch

VKUI Sketch — .