Onlook

Onlook 是面向 React 代码库的 AI 视觉设计工具，可在画布中预览和修改网页，让视觉编辑与代码衔接。开源编辑器仍可获取，官网当前的新产品处于早期体验候补阶段。使用Onlook时，通常从文字需求、草图、参考图、品牌素材或页面结构开始，将内容整理为界面草稿、版式、图标、视觉方案或可分享原型。通常先用小范围提示或参考素材确认构图，再调整文字、细节和导出规格。

核心能力

• 视觉画布编辑 ：在可预览的网页和无限画布上调整界面，探索布局方案。
• 理解 React 项目上下文 ：结合组件、设计 token 与项目结构辅助生成和修改代码。
• 自然语言迭代 ：通过描述或参考图提出设计修改，继续完善界面。
• 开源编辑器 ：官方仓库提供 Next.js 与 Tailwind 视觉编辑器，可按文档在本地运行。

适合与限制

适合：

• 需要界面草稿、版式、图标、视觉方案或可分享原型的设计师、产品团队和需要快速制作视觉方案的用户。
• 希望先得到可编辑草稿，再由人工补充和核对的用户。

不适合或需先确认：

• 生成方案需要结合品牌规范、可用性和素材授权进行人工调整
• 具体功能、登录要求、额度和导出规格以官网当前页面为准。