我要投稿

Onlook，一款专为设计师准备的Cursor，设计师也能几句话开发网页了

发布日期：2025-06-20 17:30:43 浏览次数： 2257

作者：AIGC共学社

微信搜一搜，关注“AIGC共学社”

有了 AI，跨领域的创作真的是相当轻松了。

Cursor，熟悉 AI 的大部分人应该都知道的，一款 AI 编程工具，非编程专业的普通人，可以靠着对话的方式，来开发自己的产品。

今天过来介绍另一个工具。

Onlook，一款开源的、专门为设计师准备的 AI 网页开发工具，设计师版的 Cursor。

允许设计师直接在浏览器的 DOM 中，使用 React 和 TailwindCss 这个前端技术进行实时编辑。

而且设计师根本不需要懂代码，直接就是通过可视化的编辑窗口，以及对话框，和 AI 进行实时对话就行。

无缝衔接设计和开发。

就像这个样子：

Onlook 有哪些核心特点呢？

1、可以直接在类似浏览器的窗口进行编辑，非常轻量

2、任何的改动自动反映在代码中

3、使用 AI 助手来生成和修改代码

4、通过主题系统来管理项目样式

5、直接从应用程序中部署网站

从官方下载对应的版本安装后，打开，登录一下，然后进入设计页。

这个样子：

按照提示，点击「播放」进入设计具体页。

选中任何一个元素，可以直接进行对话修改。

在编辑窗口的下方，可以很轻松通过拖拽来添加新的元素。

在设计的过程中，设计涉及的代码，可以通过右侧「Code」导航切换一下，实时查看。

除了使用选中元素，进行 AI 对话进行修改编辑，还可以直接通过 Onlook 的编辑工具栏来进行调整。

整个使用还挺丝滑的。

不过，目前免费的用户，每天可以 AI 对话 10 次，这个次数。。。

好在没有 AI 对话次数了，还可以手动编辑调整。

整体而言，还是比较看好了。

官网链接：https://onlook.com/

开源地址：https://github.com/onlook-dev/onlook

好了，分享到这里。

53AI，企业落地大模型首选服务商

产品：场景落地咨询+大模型应用平台+行业解决方案

承诺：免费POC验证，效果达标后再合作。零风险落地应用大模型，已交付160+中大型企业

相关资讯

2026-02-03

Claude Code——智能路由与切换工具

2026-02-03

作为投资方，我们试了试Kimi K2.5

2026-02-03

暴涨11.7k Star！复刻Manus上下文工程的开源Skills，Claude code等多个平台即插即用

2026-02-03

ollama v0.15.4 更新：OpenClaw全面上线，优化集成流程与工具解析能力大升级！

2026-02-03

阶跃星辰 Step 3.5 Flash 上线！更快更强更稳的 Agent 大脑，开源！

2026-02-02

一分钟部署OpenClaw+QQ，国内最爽的一键启动！

2026-02-02

这家字节系AI初创，推出首个开源Agent Skills Builder！对话Refly.AI李锦威：大多数Agent都停留在专业用户层面，没有做到真正的普惠

2026-02-02

OCR又出宠OpenDoc，速度超MinerU6倍

联系获取

联系获取

160+中大型企业正在使用53AI

立即咨询预约演示

把握AI发展的机遇，共同探索、共同进步

2025-01-22

如何打造基于GenAI的员工服务机器人

2025-01-22

热点资讯

全新AI编程工具 Google Antigravity 实测，特别适合产品经理

2025-11-19

Clawdbot 完整安装教学：2026 年最火的开源AI 个人助理

2026-01-27

一文彻底看懂 Google 最新开源 A2UI 协议：如何让 AI Agent “说出UI” ？

2025-12-22

豆包手机同款AutoGLM硬核开源：AI如何用“眼睛+大脑+手”接管你手机

2025-12-10

让白宫“破防”的阿里千问，我替你们测了...

2025-11-17

SkillsMP：一个聚合了 5 万+ AI Agent 技能的开源社区

2026-01-12

最强开源0.9B级OCR模型！PaddleOCR-VL本地一键部署，私密性拉满【喂饭级教程】

2025-11-07

我把Claude Code换成GLM-4.7用了6小时，我竟然没发现明显区别

2025-12-23

Clawdbot 深度拆解： 7 个问题看懂它。

2026-01-29

Claude Code最强开源对手！GitHub 50.2k Star了，作者为它烧掉2.4w美元。

2026-01-06

大家都在问

一夜爆火，Clawdbot是否才是真正的AI入口产品？

2026-01-28

Clawdbot爆火：Karpathy点赞的开源AI助理，到底是什么？

2026-01-26

速递 | DeepSeek突然扔出MODEL1，这到底是V4还是R2？

2026-01-21

DeepSeek-R2要来了？

2026-01-21

TranslateGemma-27B谷歌开源翻译模型有多强？

2026-01-20

构建开放智能体生态：AgentScope 如何用 A2A 协议与 Nacos 打通协作壁垒？

2026-01-16

又是量化基金，第二个DeepSeek时刻到来了？

2026-01-02

被 Gemini 官方推荐为下一代Agent！Eigent 如何实现企业级浏览器自动化？

2025-12-24

热门标签

内容创作大模型技术个人提效 langchain llamaindex 多模态技术 RAG技术智能客服知识图谱模型微调 RAGFlow coze Dify Fastgpt Bisheng Qanything AI+汽车 AI+金融 AI+工业 AI+培训 AI+SaaS 提示词框架提示词技巧 AI+电商 AI面试数字员工 ChatBI AI知识库开源大模型智能营销智能硬件智能化改造 AI+医疗 MaxKB Palantir Glean

应聘简历请发送至： [email protected]

联系我们

售前咨询

预约演示

微信扫码

添加专属顾问

回到顶部