我要投稿
微信搜一搜，关注“AIGC共学社”
设计师也能轻松开发网页？Onlook让设计到开发无缝衔接，无需代码基础即可实现专业级网页创作。 核心内容： 1. Onlook的核心功能：可视化编辑与AI实时对话 2. 五大特点解析：从设计到部署的一站式体验 3. 使用限制与免费版功能说明
有了 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+中大型企业
2025-07-08
大模型开源许可解析：脉络与最新发展趋势
2025-07-08
探索 RAG-Anything：开启多模态 RAG 的新纪元，让文档“活”起来！
2025-07-08
国内 Agent 赛道最大融资诞生！阿里云为何重注这家“真能干活”的 AI 公司？
2025-07-08
Agent 记忆拆解 | Gemini CLI
2025-07-07
字节跳动开源Trae-Agent：让AI成为你的"全栈开发合伙人"
2025-07-07
16.2k星星！一个「想让所有人都用上」的开源AI多智能体系统框架。
2025-07-07
开源DeepSeek R1增强版：推理效率快200%，创新AoE架构
2025-07-06
Java团队Cursor最佳实践：3分钟构建「零泄漏」AI开发环境
2025-06-17
2025-06-17
2025-04-13
2025-04-29
2025-04-12
2025-04-10
2025-04-29
2025-04-15
2025-04-29
2025-05-29
2025-07-08
2025-07-04
2025-07-03
2025-06-28
2025-06-25
2025-06-25
2025-06-21
2025-06-16
回到顶部
粤ICP备17114055号