MasterGo AI 通过自然语言指令实时调整界面配色，支持HEX/RGB/英文色名输入，自动映射至颜色样式库，生成后可局部微调，并导出含对比度检测的颜色规范文档。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 本身不直接“调整”已有颜色方案，而是通过自然语言指令，在生成或重生成界面时，实时响应你对颜色风格的修改要求，从而实现快速换色。整个过程无需手动逐层改色，也不依赖调色板点击操作。

输入描述中直接指定主题色

在 AI 生成界面的输入框里，把颜色信息写进需求描述是最常用的方式。AI 会自动将该颜色应用到关键组件（如按钮、导航栏、高亮状态等），并保持整体视觉协调。

• 写法示例：“设计一个企业后台系统，主色调为 #2563EB，采用圆角矩形和暗色模式”
• 支持多种格式：HEX（#1E90FF）、RGB（rgb(30, 144, 255)）、英文色名（blue）均可识别
• 若未指定，AI 默认使用中性配色；指定后，所有高亮交互元素会自动适配该色系

生成后用指令微调颜色表现

生成初稿不满意？不用删掉重来，直接在对话框里发新指令，AI 会局部重绘相关区域。

MaterialDesign风格下拉菜单jquery插件

menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。

下载

• 可细化控制：“把所有按钮改成深蓝色，背景保持浅灰”
• 可统一风格：“按 Material Design 的色彩系统重新配色”
• 可关联语义：“让价格标签用绿色表示促销，原价用灰色”

结合 MasterGo 原生颜色样式复用

AI 生成的图层默认使用纯色填充，且会自动创建或匹配已有的颜色样式（如【主色】【辅助色】）。你可在右侧属性面板一键替换，或批量选中多个图层统一应用。

• 生成后的图层保留结构层级，方便后续用「填充」栏的颜色样式库批量更新
• 若团队已建好设计系统，AI 生成结果会优先映射到对应样式名（如输入“主色”，AI 就用你定义的【主色】样式）
• 注意：AI 不会覆盖渐变或图片填充——若需换色，建议先确保目标图层是纯色填充

导出时同步颜色规范文档

当完成多页设计并确认配色后，MasterGo 可自动生成颜色规范说明，包含 HEX、RGB、使用场景及对比度检测结果，便于开发直接对接。

• 支持一键导出为 PDF 或 Markdown 格式
• 规范中会标注哪些颜色由 AI 推荐生成，哪些是你手动设定的
• 若启用设计系统管理，AI 生成的新颜色还能自动加入系统库供后续页面复用