我要投稿
微信搜一搜，关注“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
好了，分享到这里。
最后，记得关注我们，加入我们的 ima 知识库，一起学习更多 AI 技能。
如果这期内容你觉得不错，随手点个赞和“在看”吧，也欢迎转发给有需要的朋友，创作不易，感谢喜欢。
53AI，企业落地大模型首选服务商
产品：场景落地咨询+大模型应用平台+行业解决方案
承诺：免费场景POC验证，效果验证后签署服务协议。零风险落地应用大模型，已交付160+中大型企业
2025-06-20
智能体应用最佳组合，一台主机同时部署Dify和RAGFlow全流程避坑指南 | 实操保姆级记录
2025-06-20
基于Perplexica与内网穿透工具的本地AI搜索服务远程访问实践过程
2025-06-20
AFFiNE：一款开源的下一代知识库，将结构化写作、可视化创作、任务管理、知识图谱四大核心能力熔于一炉
2025-06-20
「运维版Cursor」首发亮相！终结命令行地狱，Agent解放双手
2025-06-20
OpenAI深夜开源Agent，我扒出了多智能体协作的3个秘密。
2025-06-20
Perplexica：开源AI搜索引擎的未来之选
2025-06-20
会议神器！开源工具Joinly，让你的AI Agent加入Zoom/Teams，实时纪要、翻译、搜资料！
2025-06-20
昆仑万维正式发布并开源Skywork-SWE-32B，揭示LLM软件工程能力的数据缩放定律
2025-06-17
2025-06-17
2025-04-01
2025-04-13
2025-04-01
2025-04-29
2025-03-23
2025-04-12
2025-03-24
2025-03-24
2025-06-16
2025-06-15
2025-06-14
2025-06-10
2025-06-08
2025-05-28
2025-05-28
2025-05-26
回到顶部
粤ICP备17114055号