Onlook

Onlook 是一个开源的视觉代码编辑器，定位是「给设计师用的开发者工具」。它把设计画布和真实代码库连在一起：你在画布上拖动、改样式，改动直接落到项目里的 React 组件上，不用先画稿再让人重做一遍。官网的说法是「在代码里做设计」，画布就是应用本身。

主要功能

核心是一块无限画布，可以在上面用 AI 生成界面、预览并反复迭代，做网站和原型。它提供与代码一一对应的设计工具功能，支持你已有的设计系统；项目可以建分支、留完整版本历史，设计令牌、配色和字体也能集中管理。快捷键沿用常见设计软件的习惯，上手门槛不高。代码归你所有，可以导出到本地、推到 GitHub 或发布成链接。

适合谁

适合已经在写 React 的团队，尤其是设计师想自己动手改代码、不想在稿子和实现之间来回对齐的场景。完全不懂代码的人也能用，但项目本身是代码工程，理解文件结构会顺利很多。

费用与限制

官网写明它是免费、本地优先的编辑器，可以下载安装。托管云版本和团队版走定制报价，需要联系或预约演示；想自己部署可以看 GitHub 仓库。界面为英文，目前主要面向网页类视觉产物，演示、原型也能做。