Design Editorडॉक्सशुरुआत
एजेंट कनेक्ट करें
Design Editor आपके कंप्यूटर पर एक MCP सर्वर चलाता है। MCP समझने वाला कोई भी एजेंट आपके खुले कैनवास को पढ़ और एडिट कर सकता है।
1MCP सर्वर शुरू करें
सर्वर http://127.0.0.1:3100/mcp पर सुनता है। कोई एजेंट इंटीग्रेशन चालू करने के बाद यह ऐप के साथ अपने-आप शुरू होता है। वरना इसे सेटिंग्स, MCP से, होम पर सर्वर शुरू करें बटन से, या de start से शुरू करें।
सर्वर सिर्फ़ आपके अपने कंप्यूटर को जवाब देता है। यह 127.0.0.1 से बँधा है और दूसरे origin के वेब पेजों से आने वाले अनुरोध अस्वीकार करता है।
2एक क्लिक में सेट करें
सेटिंग्स, MCP (या होम पर एजेंट जोड़ें) खोलें और जिन एजेंट का आप इस्तेमाल करते हैं उन्हें चालू करें। ऐप हर एजेंट की अपनी कॉन्फ़िग फ़ाइल में एंट्री लिख देता है। इसके बाद एजेंट का टर्मिनल फिर से शुरू करें, और किसी एजेंट को अपग्रेड करने के बाद स्विच फिर से चालू करें।
3या खुद जोड़ें
Claude Code के लिए:
claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcpदूसरे एजेंट अपनी MCP सेटिंग्स में यही URL लेते हैं। एजेंट और कॉन्फ़िग फ़ाइलें पेज में बताया गया है कि हर एजेंट कौन-सी फ़ाइल पढ़ता है।
4कनेक्शन जाँचें
एजेंट से get_editor_state कॉल करने को कहें। वह खुला डॉक्यूमेंट, मौजूदा पेज और चयन बताता है। इसके बाद सीधी भाषा में कोई स्क्रीन माँगें और उसे कैनवास पर बनते देखें।