Figma ने अपने Dev Mode MCP (Model Context Protocol) सर्वर के बीटा संस्करण को जारी करने की घोषणा की, जिससे डिज़ाइन और डेवलपमेंट वर्कफ़्लो का आगे से एकीकरण हुआ। इस सेवा के माध्यम से, Figma के डिज़ाइन डेटा को AI कोडिंग टूल को सीधे पहुंचाया जाता है जो डिज़ाइन से कोड तक की रचनात्मकता और सटीकता को महत्वपूर्ण रूप से बढ़ाता है।

image.png

Dev Mode MCP सेवा का लॉन्च

Figma का Dev Mode MCP सर्वर अब बीटा पर है और विभिन्न AI कोडिंग टूलों के साथ बिना किसी अड़चन के एक्सीलरेट करता है, जैसे VS Code with Copilot, Cursor, Windsurf और Claude Code। उपयोगकर्ता केवल Figma डेस्कटॉप एप्लिकेशन के "प्रोफ़ाइल सेटिंग्स" में Dev Mode MCP सर्वर को सक्षम करते हैं और मानकर्न समर्थित डेवलपमेंट वातावरण में सही URL को दर्ज करते हैं, तभी डिज़ाइन डेटा का रियल-टाइम पास किया जाता है। यह सेवा AI टूल को Figma के डिज़ाइन संदर्भ के साथ सीधा अधिकार प्रदान करती है, जैसे कंपोनेंट, वेरिएबल्स, स्टाइल, स्पेसिंग और कलर्स, जो ट्रांसफ़ॉर्मेशन में मैनुअल स्टेप्स और त्रुटियों को दूर करती है।

फिगमा के ऑफ़िशियल ब्लॉग के अनुसार, MCP सर्वर वर्तमान में केवल Dev या Full Seat लाइसेंस धारकों के लिए उपलब्ध है, और भविष्य में इसमें रिमोट सर्वर का फीचर और अधिक गहरे कोड लाइब्ररी समर्थन शामिल करने की योजना है।

MCP: डिज़ाइन और डेवलपमेंट का 'सामान्य इंटरफ़ेस'

Model Context Protocol (MCP) को AI एप्लिकेशन का 'USB-C इंटरफ़ेस' माना जाता है जो Anthropic द्वारा विकसित और ओपन सोर्स किया गया है। इसका उद्देश्य AI मॉडलों को बाहरी टूल और डेटा स्रोतों के साथ संगत रूप से प्रतिक्रिया करने का मार्ग निर्दिष्ट करना है। Figma का ऑफ़िशियल MCP सर्वर इस प्रोटोकॉल का लाभ उठाता है और डिज़ाइन फ़ाइलों में विशिष्ट डेटा (जैसे लेआउट, डिज़ाइन टोकन्स, कंपोनेंट नाम) को AI कोडिंग एज़ सहायक को सीधे प्रदान करता है, जिससे अधिक तुल्यकारी कोड बनाया जा सकता है। विस्तार से पुरानी विधियों की तुलना में MCP ने कोड आउटपुट की विश्वसनीयता और सामान्यता में सुधार किया है।

सोशल मीडिया पर, MCP की ओफ़िशियल सेवा के प्रति डेवलपर्स का बहुत उम्मीदवारी प्रदर्शित किया जाता है, जो इसे पहले कंम्यूनिटी द्वारा प्रदान की गई अपौषधिक MCP समाधानों की तुलना में अधिक स्थिर और उपयोगी मानते हैं। कई उपयोगकर्ताओं ने सुझाव दिया कि Figma का नेटिव समर्थन डिज़ाइन सिस्टम और डेवलपमेंट वातावरण के गहरे एकीकरण को बढ़ाएगा, विशेषकर तेज़ इटरेशन की जरूरत वाली स्टार्टअप और बड़ी टीमों में।

Figma Make के साथ प्रभावी समायोजन

Figma का MCP सेवा लाछिया लॉन्च की गई Figma Make प्लेटफ़ॉर्म के साथ जुड़ गई है। Figma Make अपने उपयोगकर्ताओं को प्राकृतिक भाषा प्रेरणा द्वारा इंटरैक्टिव UI और प्रोटोटाइप बनाने की सुविधा प्रदान करता है, जबकि MCP डिज़ाइन डेटा को डेवलपमेंट टूल में पास करने पर केंद्रित है। दोनों के संयोजन से प्रोडक्ट टीम को फ़ास्ट प्रोटोटाइपिंग से प्रोडक्शन ग्रेड कोड तक का पूरा वर्कफ़्लो प्रदान किया जा सकता है। उदाहरण के तौर पर, डेवलपर्स Figma Make का उपयोग करके प्रारंभिक UI बना सकते हैं और फिर MCP सर्वर का प्रयोग करके डिज़ाइन विवरणों को React, SwiftUI या Jetpack Compose जैसे कोड फ़ॉरमेट में बदल सकते हैं।

मतदाताओं का कहना है कि Figma की यह चीज Adobe, Canva और WordPress, Wix जैसे AI ड्राइवन डिज़ाइन और डेवलपमेंट प्लेटफ़ॉर्मों के साथ सीधे प्रतिस्पर्धा कर रही है। MCP के लॉन्च ने Figma को डिज़ाइन-डेवलपमेंट सहयोग क्षेत्र में अग्रणी स्थिति में बना दिया है।

Figma की ऑफ़िशियल MCP सेवा का लॉन्च डिज़ाइन और डेवलपमेंट को सहयोग में AI की भूमिका को और भी गहरा बना दिया है। सोशल मीडिया पर प्रतिक्रिया से पता चलता है कि डेवलपर्स MCP की आसानी और स्थिरता को बहुत अच्छी तरह से समझते हैं, विशेषकर Cursor और VS Code के साथ समायोजन में, जिससे डिज़ाइन से कोड तक की मैनुअल लेबल काम की मात्रा कम हो गई है। हालांकि, बीटा संस्करण वर्तमान में कुछ सीमाओं के साथ आता है, जैसे कि यह सिर्फ़ लॉकल सर्वर पर ही चलता है और अभी तक Full Seat उपयोगकर्ताओं के लिए बंद है।

जब Figma ने भविष्य में कई महीनों के भीतर रिमोट सर्वर के फीचर और अधिक गहरे कोड लाइब्ररी समर्थन को जारी करने की योजना बनाई है, MCP डिज़ाइन और डेवलपमेंट को सहयोग का मानक टूल बन जाएगा। AIbase का कहना है कि यह सेवा न केवल डेवलपर्स की तकनीकी बाधाओं को कम करती है, बल्कि क्रॉस-फ़ंक्शनल टीम के सहयोग को भी नया संभावना देती है, और इससे AI ड्राइवन डिजिटल प्रोडक्ट डेवलपमेंट को और भी बढ़ावा मिलेगा।

ऑफ़िशियल इंट्रोडक्शन: https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/