$ loading_
将参考界面提炼为可量化的设计DNA,并据此生成风格一致的UI方案。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"design-dna" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请分析我提供的竞品官网截图与链接,输出 Design DNA JSON,包括颜色、字体、圆角、间距、阴影、层级、动效倾向,以及整体风格标签与视觉效果说明。
一份结构化的 Design DNA JSON,量化描述该界面的视觉语言与风格特征。
基于这份 Design DNA JSON 和以下产品文案,为我生成一个首页 UI 方案,要求布局、组件样式和视觉氛围与参考风格一致,并输出页面结构与关键样式建议。
一个与参考风格统一的首页 UI 方案,包含页面结构、组件建议和样式方向。
我有多个页面截图,风格不完全一致。请提炼它们的共同 Design DNA,并给出统一后的设计 tokens、风格原则和可复用组件规范,方便后续设计与开发对齐。
一套统一的设计DNA与组件规范,可作为后续界面设计和实现的基准。
帮助生成界面设计规范、获取配色方案并检索品牌设计参考素材。
提取网站的颜色、字体、间距等设计令牌并导出标准格式。
将界面截图与 Figma 节点数据转成代码,并支持可视化审查流程。
帮助生成或审查设计系统,检查视觉一致性并评审样式相关改动。
将设计稿转为开发交付说明,明确布局、组件、状态与响应式规范
从公开网站提取设计令牌并生成 JSON 与 CSS 变量,便于复用到本地项目。