用可视化方式改代码,AI 帮你调样式 | onlook(视界代码)

233 MB·v0.2.32·2026.10.21 更新支持中文
安
安装吧 编辑2026.10.21 收录 设计开发 · 更多同类 →

软件简介:

onlook 是一款面向视觉工程师的开源设计工具,把网页代码变成可视化画布,直接在页面上拖拽、改样式、调布局,改动会同步写回源码。内置 AI 助手,可用自然语言描述需求生成或修改界面,适合快速做原型和迭代设计。

更新日志:

  • 2026-11-12 收录 onlook-dev/onlook

下载地址:

网盘这个安装包 233 MB,走本站在国内下载偏慢,正在传网盘,链接整理好后补上
官方地址官方下载 Onlook-x64.zip文件较大,官网下可能更快
网盘备用从百度网盘下载(提取码 l0fb)网盘里是 Windows 版
文件信息:v0.2.32 · 233 MB · 系统要求 Windows 10 / 11 x64
体积超过 100 MB 的安装包不放在本站服务器上 —— 家庭宽带上行有限,放过来你下得慢。这类文件走网盘或作者官方地址。

界面预览:

onlook 界面截图 1

详细说明:

它是什么一款开源的可视化代码编辑工具,把 React 等前端项目渲染成画布,支持在页面上直接调整样式和结构,并实时同步到源码文件。
解决什么问题解决前端开发中改样式要反复切代码和浏览器、设计稿与实现脱节的问题,让非设计背景的开发者也能直观调界面。
可以替代可替代 Webflow、Framer 等可视化建站工具的部分场景,以及 Figma 到代码的部分衔接工作。
适合谁用前端开发者、独立开发者、需要快速做界面原型的创业团队。

教程与资料:

T H E   E N D
相关推荐