Cursor Unveils Visual Editor: AI Agent Bridges Gap Between Design and Code

Cursor Unveils Visual Editor: AI Agent Bridges Gap Between Design and Code

Cursor Unveils Visual Editor: AI Agent Bridges Gap Between Design and Code

Cursor, an early leader in the AI coding tools market, has unveiled Visual Editor, a new AI agent-driven tool designed to revolutionize web application design. 

This feature extends the concept of "vibe-coding" to visual UI creation, allowing users to design web interfaces primarily through natural language prompting. 

By integrating an AI agent, the Visual Editor provides access to professional design features and fine-grained controls, while enabling users to request and execute design changes directly using conversational language.

The core function of the Visual Editor is to significantly reduce the friction between the design and coding processes. 

The tool allows developers and designers to access the web application, its codebase, and visual editing tools all within the same unified window.  

Users can manually drag elements, inspect components and props directly, and describe their desired changes through a point-and-click interface. 

This seamless integration aims to eliminate the complex "hand-off" processes traditionally required between design teams working in pixel-based software and developers working with code.

The user interface of the Visual Editor is split to maximize functionality. On the right, a traditional design panel offers options to adjust visual properties like fonts, backgrounds, buttons, and menus. 

On the left, a chat interface allows users to submit natural-language requests—such as "make this button's background color red"—directly to Cursor's AI agent. 

This powerful agent then executes the change by modifying the underlying codebase automatically, effectively melting "the design world and the coding world together into one interface."

This new offering represents Cursor’s strategic expansion beyond its primary focus on AI coding tools. 

By launching the Visual Editor, which can be accessed directly from its agentic AI web browser (Cursor Browser), the company is positioning itself to cover more comprehensive parts of the software creation lifecycle. 

Cursor's head of design, Ryo Lu, emphasizes that while professional developers remain central, the goal is to make the software creation process accessible and useful for anyone involved, including designers and non-coders.

Despite facing intense competition from major tech incumbents like Google and Adobe, as well as rivals such as OpenAI and Anthropic, Cursor continues to demonstrate rapid growth, having recently surpassed $1 billion in annual recurring revenue. 

By continuously integrating new, user-friendly AI agent tools like the Visual Editor—and even planning to develop its own AI models—the startup aims to maintain its momentum and leadership in the rapidly evolving market for AI-enhanced software development.

कर्सर ने विज़ुअल एडिटर लॉन्च किया: AI एजेंट डिज़ाइन और कोड के बीच का गैप खत्म करता है

AI कोडिंग टूल्स मार्केट में शुरुआती लीडर कर्सर ने विज़ुअल एडिटर लॉन्च किया है, जो एक नया AI एजेंट-ड्रिवन टूल है जिसे वेब एप्लिकेशन डिज़ाइन में क्रांति लाने के लिए डिज़ाइन किया गया है।

यह फीचर "वाइब-कोडिंग" के कॉन्सेप्ट को विज़ुअल UI क्रिएशन तक बढ़ाता है, जिससे यूज़र्स मुख्य रूप से नेचुरल लैंग्वेज प्रॉम्प्टिंग के ज़रिए वेब इंटरफ़ेस डिज़ाइन कर सकते हैं।

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

विज़ुअल एडिटर का मुख्य काम डिज़ाइन और कोडिंग प्रोसेस के बीच की मुश्किलों को काफी कम करना है।

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

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

इस सीमलेस इंटीग्रेशन का मकसद पिक्सेल-बेस्ड सॉफ्टवेयर में काम करने वाली डिज़ाइन टीमों और कोड के साथ काम करने वाले डेवलपर्स के बीच पारंपरिक रूप से ज़रूरी जटिल "हैंड-ऑफ" प्रोसेस को खत्म करना है।

विज़ुअल एडिटर का यूज़र इंटरफ़ेस फंक्शनैलिटी को ज़्यादा से ज़्यादा करने के लिए बांटा गया है। दाईं ओर, एक पारंपरिक डिज़ाइन पैनल फोंट, बैकग्राउंड, बटन और मेनू जैसी विज़ुअल प्रॉपर्टीज़ को एडजस्ट करने के ऑप्शन देता है।

बाईं ओर, एक चैट इंटरफ़ेस यूज़र्स को नेचुरल-लैंग्वेज रिक्वेस्ट - जैसे "इस बटन का बैकग्राउंड कलर लाल करो" - सीधे कर्सर के AI एजेंट को सबमिट करने की सुविधा देता है।

यह शक्तिशाली एजेंट फिर अंडरलाइंग कोडबेस को ऑटोमैटिक रूप से मॉडिफाई करके बदलाव को लागू करता है, जिससे "डिज़ाइन की दुनिया और कोडिंग की दुनिया एक ही इंटरफ़ेस में मिल जाती है।"

यह नई पेशकश AI कोडिंग टूल्स पर अपने मुख्य फोकस से परे कर्सर के स्ट्रेटेजिक विस्तार को दिखाती है।

विज़ुअल एडिटर लॉन्च करके, जिसे इसके एजेंटिक AI वेब ब्राउज़र (कर्सर ब्राउज़र) से सीधे एक्सेस किया जा सकता है, कंपनी खुद को सॉफ्टवेयर क्रिएशन लाइफसाइकिल के ज़्यादा व्यापक हिस्सों को कवर करने के लिए तैयार कर रही है।

कर्सर के हेड ऑफ़ डिज़ाइन, रयो लू, इस बात पर ज़ोर देते हैं कि जबकि प्रोफेशनल डेवलपर्स मुख्य बने हुए हैं, लक्ष्य सॉफ्टवेयर क्रिएशन प्रोसेस को इसमें शामिल सभी लोगों, जिसमें डिज़ाइनर और नॉन-कोडर शामिल हैं, के लिए सुलभ और उपयोगी बनाना है।

Google और Adobe जैसी बड़ी टेक कंपनियों के साथ-साथ OpenAI और Anthropic जैसे प्रतिद्वंद्वियों से कड़ी प्रतिस्पर्धा का सामना करने के बावजूद, कर्सर लगातार तेज़ी से बढ़ रहा है, जिसने हाल ही में सालाना रेवेन्यू में $1 बिलियन का आंकड़ा पार कर लिया है। विज़ुअल एडिटर जैसे नए, यूज़र-फ्रेंडली AI एजेंट टूल्स को लगातार इंटीग्रेट करके - और यहाँ तक कि अपने खुद के AI मॉडल डेवलप करने की योजना बनाकर - यह स्टार्टअप AI-एन्हांस्ड सॉफ्टवेयर डेवलपमेंट के तेज़ी से बदलते मार्केट में अपनी गति और लीडरशिप बनाए रखना चाहता है।

కర్సర్ విజువల్ ఎడిటర్‌ను ఆవిష్కరించింది: డిజైన్ మరియు కోడ్ మధ్య అంతరాన్ని AI ఏజెంట్ వంతెన చేస్తుంది

AI కోడింగ్ టూల్స్ మార్కెట్‌లో తొలి అగ్రగామి అయిన కర్సర్, వెబ్ అప్లికేషన్ డిజైన్‌లో విప్లవాత్మక మార్పులు తీసుకురావడానికి రూపొందించబడిన కొత్త AI ఏజెంట్-ఆధారిత సాధనం విజువల్ ఎడిటర్‌ను ఆవిష్కరించింది. 

ఈ ఫీచర్ "వైబ్-కోడింగ్" భావనను విజువల్ UI సృష్టికి విస్తరిస్తుంది, వినియోగదారులు ప్రధానంగా సహజ భాషా ప్రాంప్టింగ్ ద్వారా వెబ్ ఇంటర్‌ఫేస్‌లను రూపొందించడానికి అనుమతిస్తుంది. 

AI ఏజెంట్‌ను ఏకీకృతం చేయడం ద్వారా, విజువల్ ఎడిటర్ ప్రొఫెషనల్ డిజైన్ ఫీచర్‌లు మరియు ఫైన్-గ్రెయిన్డ్ నియంత్రణలకు యాక్సెస్‌ను అందిస్తుంది, అదే సమయంలో వినియోగదారులు సంభాషణ భాషను ఉపయోగించి డిజైన్ మార్పులను నేరుగా అభ్యర్థించడానికి మరియు అమలు చేయడానికి వీలు కల్పిస్తుంది. 

డిజైన్ మరియు కోడింగ్ ప్రక్రియల మధ్య ఘర్షణను గణనీయంగా తగ్గించడం విజువల్ ఎడిటర్ యొక్క ప్రధాన విధి. 

ఈ సాధనం డెవలపర్‌లు మరియు డిజైనర్‌లు వెబ్ అప్లికేషన్, దాని కోడ్‌బేస్ మరియు విజువల్ ఎడిటింగ్ సాధనాలను ఒకే ఏకీకృత విండోలో యాక్సెస్ చేయడానికి అనుమతిస్తుంది. 

వినియోగదారులు ఎలిమెంట్‌లను మాన్యువల్‌గా లాగవచ్చు, భాగాలు మరియు ప్రాప్‌లను నేరుగా తనిఖీ చేయవచ్చు మరియు పాయింట్-అండ్-క్లిక్ ఇంటర్‌ఫేస్ ద్వారా వారికి కావలసిన మార్పులను వివరించవచ్చు. 

 ఈ సజావుగా అనుసంధానం పిక్సెల్-ఆధారిత సాఫ్ట్‌వేర్‌లో పనిచేసే డిజైన్ బృందాలు మరియు కోడ్‌తో పనిచేసే డెవలపర్‌ల మధ్య సాంప్రదాయకంగా అవసరమైన సంక్లిష్టమైన "హ్యాండ్-ఆఫ్" ప్రక్రియలను తొలగించడం లక్ష్యంగా పెట్టుకుంది.

విజువల్ ఎడిటర్ యొక్క వినియోగదారు ఇంటర్‌ఫేస్ కార్యాచరణను పెంచడానికి విభజించబడింది. కుడి వైపున, సాంప్రదాయ డిజైన్ ప్యానెల్ ఫాంట్‌లు, నేపథ్యాలు, బటన్‌లు మరియు మెనూలు వంటి దృశ్య లక్షణాలను సర్దుబాటు చేయడానికి ఎంపికలను అందిస్తుంది. 

ఎడమ వైపున, చాట్ ఇంటర్‌ఫేస్ వినియోగదారులు సహజ-భాషా అభ్యర్థనలను - "ఈ బటన్ యొక్క నేపథ్య రంగును ఎరుపుగా మార్చు" వంటివి - నేరుగా కర్సర్ యొక్క AI ఏజెంట్‌కు సమర్పించడానికి అనుమతిస్తుంది. 

ఈ శక్తివంతమైన ఏజెంట్ అంతర్లీన కోడ్‌బేస్‌ను స్వయంచాలకంగా సవరించడం ద్వారా మార్పును అమలు చేస్తుంది, "డిజైన్ ప్రపంచాన్ని మరియు కోడింగ్ ప్రపంచాన్ని ఒకే ఇంటర్‌ఫేస్‌గా కరిగించడం" ద్వారా ప్రభావవంతంగా మార్పును అమలు చేస్తుంది.

ఈ కొత్త సమర్పణ AI కోడింగ్ సాధనాలపై దాని ప్రాథమిక దృష్టికి మించి కర్సర్ యొక్క వ్యూహాత్మక విస్తరణను సూచిస్తుంది. 

దాని ఏజెంట్ AI వెబ్ బ్రౌజర్ (కర్సర్ బ్రౌజర్) నుండి నేరుగా యాక్సెస్ చేయగల విజువల్ ఎడిటర్‌ను ప్రారంభించడం ద్వారా, కంపెనీ సాఫ్ట్‌వేర్ సృష్టి జీవితచక్రంలోని మరింత సమగ్ర భాగాలను కవర్ చేయడానికి తనను తాను ఉంచుకుంటోంది. 

 కర్సర్ యొక్క డిజైన్ హెడ్, రియో లు, ప్రొఫెషనల్ డెవలపర్లు కేంద్రంగా ఉన్నప్పటికీ, సాఫ్ట్‌వేర్ సృష్టి ప్రక్రియను డిజైనర్లు మరియు కోడర్లు కాని వారితో సహా ఎవరికైనా అందుబాటులోకి తీసుకురావడం మరియు ఉపయోగకరంగా మార్చడమే లక్ష్యం అని నొక్కి చెప్పారు.

గూగుల్ మరియు అడోబ్ వంటి ప్రధాన సాంకేతిక సంస్థల నుండి, అలాగే ఓపెన్ఏఐ మరియు ఆంత్రోపిక్ వంటి ప్రత్యర్థుల నుండి తీవ్రమైన పోటీని ఎదుర్కొంటున్నప్పటికీ, కర్సర్ ఇటీవల వార్షిక పునరావృత ఆదాయంలో $1 బిలియన్‌ను అధిగమించి వేగవంతమైన వృద్ధిని ప్రదర్శిస్తూనే ఉంది. 

 విజువల్ ఎడిటర్ వంటి కొత్త, వినియోగదారు-స్నేహపూర్వక AI ఏజెంట్ సాధనాలను నిరంతరం సమగ్రపరచడం ద్వారా - మరియు దాని స్వంత AI మోడళ్లను అభివృద్ధి చేయాలని కూడా ప్లాన్ చేయడం ద్వారా - ఈ స్టార్టప్ AI-మెరుగైన సాఫ్ట్‌వేర్ అభివృద్ధి కోసం వేగంగా అభివృద్ధి చెందుతున్న మార్కెట్లో దాని ఊపు మరియు నాయకత్వాన్ని కొనసాగించాలని లక్ష్యంగా పెట్టుకుంది.