觅用 AI
自动模式按当地时间06:30至18:00使用浅色,其余时间使用深色
工具指南 / 从用途到使用

Onlook

在 Next.js 与 Tailwind 代码上进行可视化编辑,并结合 AI 制作网站与交互原型。

打开官方项目

Onlook 能帮你完成什么工作

选一项工作查看准备材料、执行建议和交付检查。

01

可视化修改网站原型

准备材料
  • Next.js项目
  • 页面修改要求
怎样开始
  1. 打开需要调整的 Next.js 与 Tailwind 项目,在可视化画布中定位元素。
  2. 直接修改布局和样式,查看对应代码如何变化。
  3. 在不同页面状态下检查效果与代码差异,再保留符合需求的修改。
交付目标
  • 页面代码变更
  • 交互原型
人工检查
检查响应式布局、代码差异和实际交互。

Onlook 是什么

在 Next.js 与 Tailwind 代码上进行可视化编辑,并结合 AI 制作网站与交互原型。

费用与使用条件

正式使用前,查看官方当前账号、功能、导出和输入资料要求,核对结果是否适合你的任务。

同类工具,换一个选择

按条件筛选 ↗