输入关键词搜索 AI 工具、分类,或直接跳转页面
Based是一款AI驱动的在线前端设计编辑器,核心定位是帮助开发者和设计人员快速生成可直接使用的前端代码设计方案。平台支持通过自然语言描述需求生成对应设计结构,也可导入参考设计生成匹配代码,还能在线调整设计细节并导出合规的前端代码。目标用户覆盖前端开发工程师、UI设计人员、独立开发者以及高校计算机相关专业学生,适合快速原型开发、设计转代码落地、小型项目前端搭建等多种开发场景,帮助缩短从设计到代码实现的周期。
打开Based官网地址,点击首页开始创作按钮,注册并登录个人账号,进入平台的设计创作主页,查看功能引导介绍。
选择创建新项目,输入项目名称,选择默认的前端项目类型,确认后进入AI生成页面,填写自然语言需求描述。
提交需求后等待AI生成设计,生成完成后查看初始效果,使用在线编辑器调整元素样式与布局,插入需要的额外组件。
切换不同设备尺寸预览响应式效果,调整断点参数适配多端显示,确认设计效果符合预期后保存项目。
打开导出面板,选择需要的代码格式,点击导出按钮下载代码文件,导入本地开发环境进行后续开发工作。
看完教程,直接上手试试
访问 Based 官网