微信扫码
添加专属顾问
我要投稿
设计师也能轻松开发网页?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+中大型企业
2026-03-21
Hugging Face:AI 界的 GitHub 与开源协作的终极生态杠杆
2026-03-21
OpenMAIC课程生成很惊艳,但"像一堂课"不等于"是一堂有效的课"
2026-03-20
企业级 Agent 多智能体架构与选型指南 -- 来自1000+行业应用实践积累
2026-03-20
ollama v0.18.2 发布!OpenClaw 安装优化、Claude 加速、MLX 量化全面升级
2026-03-19
开源版Cowork——Eigent集成ERNIE 5.0,让AI Agent自动化高效工作
2026-03-17
打造 Claude Code 并行自主开发环境:Auto Claude + GLM 4.7
2026-03-17
又一款开源的LLM生成3D场景的3D编辑器,这次功能更强大了
2026-03-17
英伟达的NemoClaw,能帮AI代理这匹“野马”套上缰绳吗?
2026-01-27
2026-01-30
2026-01-12
2026-01-29
2026-01-27
2025-12-22
2026-01-28
2026-01-21
2025-12-23
2026-01-06
2026-03-17
2026-03-13
2026-03-02
2026-02-05
2026-01-28
2026-01-26
2026-01-21
2026-01-21