输入关键词搜索 AI 工具、分类,或直接跳转页面
Windframe是一款基于Tailwind CSS的AI可视化网站构建工具,面向需要快速产出网页原型与成品页面的开发者、设计师与产品团队提供服务。核心功能包含AI辅助生成Tailwind CSS组件、可视化拖拽编辑、导出可用代码、响应式预览调试以及自定义主题配置。用户可以在需求沟通阶段快速搭建网页原型,也可以直接产出可集成进项目的生产级网页代码,省去手动编写Tailwind CSS基础代码的步骤,提升网页开发与设计的效率。
进入网站首页后,点击开始构建按钮,注册并登录个人账号,选择新建空白项目或者从内置模板中选择一款适配需求的模板。
进入编辑画布后,如果使用空白项目,可以通过AI生成功能输入组件描述生成对应模块,也可以从左侧组件库拖拽添加预设组件。
点击任意组件可以在右侧属性面板修改组件的样式属性,拖拽组件调整页面整体布局,随时切换不同设备预览查看响应式效果。
完成页面编辑后,打开主题配置面板检查自定义主题参数是否符合项目需求,保存当前项目到个人账号空间。
确认页面效果无误后,点击导出按钮,选择导出完整HTML代码,复制代码到本地开发环境即可使用。
看完教程,直接上手试试
访问 Windframe 官网