UI3: यूज़र-केंद्रित बड़े पैमाने का इंटरफ़ेस री-डिज़ाइन
- UI3 2019 के बाद Figma का सबसे बड़ा इंटरफ़ेस बदलाव है, जिसे जटिलता कम करने और टीम collaboration के लिए जगह बनाने हेतु फिर से बनाया गया
- शुरुआती beta test में पाया गया कि floating panels काम की गति को धीमा कर रहे थे
- यूज़र feedback के आधार पर panels को docked किया गया ताकि उनका आकार बदला जा सके
- horizontal scrolling जैसी छोटी-छोटी डिटेल्स जोड़कर अधिक सहज editing environment दिया गया
- प्रमुख सुधार:
- नीचे के toolbar और Actions menu के जरिए मुख्य tools और AI features तक तेज़ पहुंच
- color eyedropper tool में सुधार: style reuse, color format बदलना, और नए variables बनाना संभव
मुख्य फीचर मज़बूती: Multi-edit और performance optimization
- Multi-edit: अलग-अलग working styles के अनुरूप ढलता है और collaborative work में efficiency बढ़ाता है
- Typography:
- text style overwrite का समर्थन (italic, bold, underline आदि)
- बेहतर font picker और एक ही text node में mixed paragraph spacing सेट करने की सुविधा
- Performance सुधार:
- बड़े files को कुशलता से संभालने के लिए dynamic page loading
- memory usage optimization और smoother multiplayer collaboration
- Team management tools में सुधार:
- file pinning, search filters, page dividers जैसे organization tools जोड़े गए
AI फीचर्स: design workflow में friction कम करना
- visual search: image या canvas के किसी हिस्से को upload करके ज़रूरी files और components जल्दी ढूंढना
- text generation और transformation:
- text replacement, translation, summary, और realistic text insertion
- image creation और editing:
- AI-आधारित image generation और background removal फीचर
- FigJam:
- AI mind map से ideas को visualize करना और Figma Slides presentation materials अपने-आप बनाना
Figma Slides: collaboration-केंद्रित presentation tool
- Figma की collaboration capabilities पर आधारित presentation mode
- smart templates से consistency बनाए रखना
- real-time polls और interaction फीचर्स जोड़े गए
- FigJam board से अपने-आप slide deck outline तैयार की जा सकती है
Design system: scalability और flexibility को मज़बूती
- typography variables से text control बेहतर हुआ
- component properties के लिए नए variable features:
- instance अलग किए बिना design system बनाए रखना संभव
- ready-made UI kits से design process की शुरुआती गति बेहतर हुई
Developer tools: Dev Mode और Code Connect
- Dev Mode में सुधार:
- design-development collaboration के लिए annotation tool जोड़ा गया
- VS Code extension के जरिए design context को सीधे code editor में integrate किया गया
- Code Connect:
- production code snippets देकर design system और code के बीच consistency मज़बूत की गई
Community contribution: plugins और templates
- ध्यान देने योग्य plugins:
- LottieFiles: animation creation
- Peppercorn: text style creation
- Vector to 3D: design को 3D में बदलना
- ध्यान देने योग्य templates:
- 500 से अधिक FigJam templates साझा किए गए
- विविध design resources और creative templates उपलब्ध कराए गए
Global events और community growth
- Config 2024: 10,000 से अधिक attendees, design और development के भविष्य की खोज
- Friends of Figma: 220 local groups, 500 से अधिक events आयोजित
- community-केंद्रित व्यावहारिक और सार्थक अनुभव साझा किए गए
- 2024 में design और development, ideas और presentations, imagination और reality के बीच की दूरी कम करने पर फोकस रहा
- 2025 में community के साथ मिलकर design tools की संभावनाओं को और आगे बढ़ाने की योजना है
1 टिप्पणियां
इस बार GeekNight की तैयारी करते हुए हमने design का काम Figma में किया।
बस बगल से एक नज़र डालने पर भी यह सचमुच हैरान कर देने वाला आसान लगा।
मुझे लगता है कि सिर्फ designers ही नहीं, developers को भी इसे इस्तेमाल करके उनका तरीका सीखना चाहिए।