输入关键词搜索 AI 工具、分类,或直接跳转页面
Onlook是面向网页开发与设计场景的AI辅助开发平台,核心定位为降低前端开发门槛、提升页面迭代效率。平台支持Figma设计稿直接转前端代码,可对已有网页进行可视化实时修改,还能依托大语言模型生成符合需求的自定义组件。目标用户覆盖前端开发人员、UI/UX设计师、产品经理、独立开发者、初创团队技术负责人、数字营销运营人员,可应用于网页原型快速落地、已有网站迭代修改、营销活动页快速搭建、前端组件复用开发等多种场景,帮助用户减少重复编码工作,聚焦核心功能与体验优化。
访问Onlook官方网站,点击首页的注册按钮,使用邮箱或者谷歌账号完成账号注册,新用户可直接进入功能试用界面,体验基础功能无需绑定支付信息。
选择合适的项目创建方式,可选择上传Figma设计稿、输入已有网页URL、上传本地HTML文件,或者选择空白模板从零开始搭建页面。
进入编辑界面后,可直接点击页面元素进行可视化修改,也可在对话框中输入自然语言指令,让AI生成需要的组件或者调整页面样式,过程中可随时切换设备预览模式查看多端适配效果。
完成页面编辑后,点击导出按钮,选择需要的代码格式,可直接下载代码文件到本地,也可选择对接第三方部署平台完成一键上线。
若需要团队协作,可进入项目设置界面,点击邀请成员按钮,输入协作成员的邮箱,设置对应的操作权限,即可开启多人协同编辑模式。
看完教程,直接上手试试
访问 Onlook 官网