我要投稿
微信搜一搜，关注“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-08-04
OpenCSG ：企业级AI落地的全新选择，凭什么脱颖而出？
2025-08-04
Coze Studio开发本地微信消息发送插件全流程实战
2025-08-04
阿里云正式开源 LoongSuite：打造 AI 时代的高性能低成本可观测采集套件
2025-08-04
【开源初探】基于 Qwen2.5VL的文档解析工具：docext
2025-08-04
coze-studio v0.2.1版本全面更新解析及实战应用指南
2025-08-04
Coze开源体验如何？手把手教你电脑上安装开源版Coze Studio，并和dify深度对比
2025-08-03
Github4.4k star！这个开源AI项目让我从996打工人变身效率怪兽
2025-08-03
为什么有AI Agent经验的产品经理更抢手？
2025-07-23
2025-06-17
2025-06-17
2025-07-23
2025-07-14
2025-07-27
2025-07-12
2025-05-29
2025-07-29
2025-07-29
2025-08-04
2025-08-03
2025-08-02
2025-08-02
2025-07-31
2025-07-31
2025-07-31
2025-07-30
回到顶部
粤ICP备14082021号