正在打开每日关注
正在打开每日关注
视频演示将网页截图抽象为 design.json,再让 AI 按规范生成页面,并用 VisBug 校正细节。
把它放到一个这样的叫design.json文件里面去
这是一种“先抽象、后生成”的 AI 编程工作流:选取喜欢的网页模块截图,用提示词提取结构、间距、字体、颜色和组件风格,沉淀为 design.json;后续生成页面时把该文件作为稳定的设计约束。视频还建议以更多参考图提高风格一致性,并在首版生成后,用 VisBug 读取原页面元素样式,将差异反馈给 AI,同步更新规范文件。
可借鉴之处在于把一次性的图片提示转成项目内可维护的设计资产,减少每次对话重复描述视觉要求,也便于持续校正。边界是截图只能提供视觉参考,不应直接复制受保护的品牌素材、内容或完整页面;AI 提取的颜色、间距和组件关系也需要人工核验。视频提到的模型名称来自转写与 OCR,存在识别误差,未作外部确认。