设计师也能轻松开发网页？Onlook让设计到开发无缝衔接，无需代码基础即可实现专业级网页创作。
核心内容：
Onlook的核心功能：可视化编辑与AI实时对话
五大特点解析：从设计到部署的一站式体验
使用限制与免费版功能说明
有了 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
好了，分享到这里。
[](javascript:void (0);)
开源大模型开源大模型是什么意思开源大模型有哪些
