📢 转载信息
原文链接:https://www.wired.com/story/cursor-launches-pro-design-tools-figma/
原文作者:Maxwell Zeff
广受欢迎的 AI 编码初创公司 Cursor 正在推出一项新功能,允许用户通过 AI 设计 Web 应用的外观和感觉。该工具名为 Visual Editor(视觉编辑器),本质上是一个面向设计师的“氛围编码”(vibe-coding)产品,为他们提供了专业设计软件所期望的精细控制权限。但除了手动更改外,该工具还允许用户使用自然语言向 Cursor 的 AI 智能体请求编辑。
Cursor 以其 AI 编码平台而闻名,但通过 Visual Editor,该公司希望捕获软件创建过程中的其他环节。Cursor 的设计负责人 Ryo Lu 告诉 WIRED:“我们关心的核心——专业开发人员——永远不会改变。但实际上,开发人员不是孤立工作的。他们与很多人合作,任何制作软件的人都应该能在 Cursor 中找到有用的东西。”
Cursor 是有史以来增长最快的 AI 初创公司之一。自 2023 年首次亮相以来,该公司表示其年经常性收入(ARR)已超过 10 亿美元,客户包括英伟达(Nvidia)、Salesforce 和普华永道(PwC)等数万家公司。去年 11 月,该公司完成了一轮 23 亿美元的融资,使其估值接近 300 亿美元。
Cursor 曾是 AI 编码市场的早期领导者,但现在正面临来自 OpenAI、Anthropic 和谷歌等更大竞争对手的空前压力。该公司历来向这些公司授权 AI 模型,但现在其竞争对手正在大力投资自己的 AI 编码产品。例如,Anthropic 的 Claude Code 在发布仅六个月后,年经常性收入就达到了 10 亿美元,增长速度甚至超过了 Cursor。作为回应,Cursor 已经开始开发和部署自己的 AI 模型。
传统上,构建软件应用需要许多不同的团队跨越广泛的产品和工具进行协作。通过将设计功能直接集成到其编码环境中,Cursor 希望表明它可以将这些功能整合到一个单一平台中。
“以前,设计师主要在他们自己的像素和框架世界中工作,这些东西很难直接转化为代码。因此,团队必须建立流程在开发人员和设计师之间来回传递任务,但其中存在很多摩擦,” Lu 说。“我们把设计世界和编码世界融合到了一个具有单一 AI 智能体的界面中。”
AI 驱动的网页设计
在 WIRED 位于旧金山总部的演示中,Cursor 的产品工程主管 Jason Ginsberg 展示了 Visual Editor 如何修改网页的美学效果。
右侧的传统设计面板允许用户调整字体、添加按钮、创建菜单或更改背景。左侧是一个聊天界面,接受自然语言请求,例如“将此按钮的背景颜色改为红色”。然后 Cursor 的智能体会将这些更改直接应用到代码库中。
今年早些时候,Cursor 发布了自己的 Web 浏览器,该浏览器直接在其编码环境中运行。该公司认为,该浏览器在开发产品时能创建更好的反馈循环,允许工程师和设计师查看真实用户的请求并使用类似 Chrome 的开发者工具。
由于 Visual Editor 建立在 Cursor 的浏览器之上,用户还可以将其指向任何实时网站(不仅仅是他们自己的网站),并像在查看该网站代码库内部一样对其进行检查。有一次,我请 Ginsberg 加载了 WIRED 的主页。
Cursor 立即展示了我们出版物的设计系统:页面上定义的每一种字体家族、颜色标记和间距变量。Ginsberg 可以使用 Cursor 为正在进行中的应用提供的相同控件,实时调整标题排版、调亮背景颜色或应用渐变。“所有内容都定义在 Web 上,” Ginsberg 说。“我们可以向您确切展示该网站的构建方式。”
Ginsberg 认为,Cursor 正在努力尊重不同公司的“设计语言”。他说,许多网页设计师对目前市场上的“氛围编码”应用持怀疑态度,因为这些应用往往会生成外观通用的网站,而没有考虑到品牌的独特美学。例如,如果您的网站带有紫色渐变,很可能是 AI 制作的,这已经成了一个梗。
精确的设计控制是 Cursor 推销其 Visual Editor 的核心。用户可以微调圆角半径、调整字间距,或更改菜单是向左还是向右打开。与依赖自身抽象层的传统设计工具不同,Lu 说,每一个控件都映射到真实的 CSS——告诉浏览器如何渲染页面视觉元素的编码语言。这意味着设计师不是在用户界面的符号近似物中工作,而是在实际交付给用户的系统内部工作。
宏伟蓝图
当被问及 Cursor 的 Visual Editor 与 Replit 和 Lovable 等其他氛围编码应用相比如何时,Lu 完全拒绝了这种说法。他认为那些公司主要面向构建快速演示的用户,而不是从事大型代码库工作的专业人士。因此,Cursor 将其竞争对手视为规模更大的软件提供商。
Cursor 的增长负责人 Roman Ugarte 表示:“我们关心的是软件构建者,那些有主见、有品味、对事物应该如何发展有强烈看法的人,并为他们提供工具来实现这一愿景。”他补充道:“未来我们可能会为产品经理做类似的事情。未来我们可能为其他角色做类似的事情,但我认为主题是雄心——提高人们能力的上限——而不仅仅是让事情变得更容易。”
领投该公司投资的 Andreessen Horowitz 普通合伙人 Martin Casado 表示,对 Cursor 设计工具的需求已经以有机方式出现。例如,Spotify 的设计师已经在用 Cursor 的工具了。
Cursor 的新产品可能会对 Adobe 或 Figma 等现有巨头构成挑战,但 Casado 认为,随着软件创建对更多类型角色的工作者变得更容易,市场足够大,可以支持多种方法。
“Cursor 非常专注于设计,因为它直接附加到代码库上,”他说。“随着所有这些平台转移,我们将看到新行为的出现。其中一些将是旧行为的演变,而有些将是全新的。”
🚀 想要体验更好更全面的AI调用?
欢迎使用青云聚合API,约为官网价格的十分之一,支持300+全球最新模型,以及全球各种生图生视频模型,无需翻墙高速稳定,文档丰富,小白也可以简单操作。
评论区