蜡笔猫导航
它能做什么
- 在可视化画布上直接编辑真实 React 代码
- 用 AI 生成和调整界面与样式
- 支持设计系统与 Tailwind 类样式工作流
- Apache-2.0 开源，可自部署
适合谁
- 设计师直接在真实代码上调整界面
- 前端开发者快速试排组件样式
- 团队减少设计稿到代码的转换环节
详细介绍
Onlook 是一款开源的 AI 设计工具，主打「用真实代码做设计」。它把界面以可视化画布呈现，同时改动会落在实际的 React / Next.js 代码上，适合希望跳过设计稿与代码之间反复转换的团队。
核心能力围绕可视化构建与样式编辑：可以在画布上调整布局和样式，并借助 AI 生成或修改界面代码，配合设计系统与 Tailwind 类样式使用。仓库以 TypeScript 编写，采用 Apache-2.0 许可证，可自行部署或接入自己的项目。
使用方式偏向开发者工作流：把 Onlook 指向现有前端项目，在可视化环境中改动组件与样式，再回到代码库继续开发。对纯组件的复用与分发需求，它不是组件库，而是设计与编码之间的编辑层。