勾选ai生成界面的“暗色模式”开关即可启用,无需额外编码;在需求描述中加入深灰背景、靛蓝点缀等关键词可提升效果;生成后可通过原型模式预览并微调,或复用内置暗色组件库。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

直接在 AI 生成界面里勾选“暗色模式”即可,不需要额外写代码或手动切换主题。
选择暗色模式开关
进入 MasterGo 的 AI 生成界面后,在需求描述输入框下方有一组视觉设置选项。其中明确包含「模式」下拉菜单,默认为“亮色”,点击后可选“暗色”。选中即生效,AI 会自动适配深色背景、浅色文字、高对比控件等符合 WCAG 标准的暗黑设计规范。
搭配关键词强化效果
仅选模式有时不够精准,建议在需求描述中加入具体暗色相关词,比如:
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- “整体采用深灰(#121212)为背景,主色用靛蓝(#4F46E5)点缀”
- “按钮悬停时有柔和发光效果,文字使用 #E0E0E0 确保可读性”
- “图标使用线性+填充混合风格,暗色下保持清晰辨识”
生成后快速验证与微调
生成结果插入画布后,可立即用原型模式预览:
- 点击右上角「原型」按钮,右侧属性栏中将「设备模型」设为 iPhone 或 MacBook,再开启「暗色模式」模拟开关(部分设备支持系统级暗色同步)
- 若发现某处文字太淡或按钮无反馈,选中图层,在右侧交互面板添加“悬停 → 改变不透明度/颜色”效果
- 需要批量调整?用「选择同类型图层」功能,一次性修改所有文本颜色或阴影参数
复用已有暗色组件库
MasterGo 内置了适配暗色的主题组件(如 Ant Design Dark、Material You Dark),可在左侧资源面板搜索“dark”直接拖入。AI 生成时若注明“使用 Ant Design 暗色组件”,它会优先调用对应样式,减少后期重绘工作量。










