AI生成移动端界面易违反HIG与Material Design规范，需通过预置语义化提示词、叠加物理约束层、绑定字体体系、重写8pt间距逻辑及运行CheckDesign插件扫描五步校准。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中使用AI生成移动端界面后发现元素错位、安全区域被遮挡、字体层级混乱或交互热区不合规，则可能是AI未内嵌平台级设计准则，导致输出脱离iOS Human Interface Guidelines（HIG）与Android Material Design规范。以下是引入HIG约束以校准AI产出的具体操作步骤：
一、在First Draft前预置HIG语义化提示词
将平台设计原则转化为AI可解析的自然语言指令，强制其在生成阶段即对齐系统级规范，避免后期返工。
1、打开Figma顶部AI菜单，选择“First Draft”。
2、在描述框中输入结构化提示，必须包含平台标识与HIG核心条款，例如：“iOS App首页，严格遵循Human Interface Guidelines：状态栏高度44pt、导航栏高度44pt、底部安全区34pt、所有文本使用PingFang SC、按钮最小触控尺寸44×44pt、卡片圆角12pt、禁用非系统阴影。”
3、在平台下拉菜单中明确选择“iOS”或“Android”，不可选“Generic Mobile”。
4、点击“Make it”，等待生成带HIG语义锚点的Frame。
二、为AI生成结果注入HIG物理约束层
AI输出默认缺乏系统级空间约束，需手动叠加HIG定义的安全边界、间距基线与容器比例，使布局具备平台可信度。
1、选中AI生成的主Frame，在右侧Constraints面板将Width/Height设为“Fixed size”，数值锁定为HIG推荐基准：iOS设为375×812px，Android设为360×640px。
2、在Frame内新建两个矩形图层，分别命名为“Safe Area Top”和“Safe Area Bottom”；前者Y坐标设为44，高度724；后者Y坐标设为778，高度34；填充色设为透明度0%的占位图层，仅作视觉参考。
3、选中所有内容图层，右键选择“Attach to nearest frame”，再逐个检查子图层Constraints：顶部元素约束设为“Top: Fixed”，底部操作栏设为“Bottom: Fixed”，中间滚动区设为“Top: Fixed, Bottom: Fixed”。
三、通过Text Style强制绑定HIG字体与字号体系
Figma AI常忽略系统字体映射规则，需预先建立HIG文本样式库并批量替换，确保所有文字节点符合可访问性与视觉层级标准。
1、在Assets面板点击“+ Text styles”，创建iOS标题样式：命名为“HIG/Heading1”，字体设为PingFang SC，字号20pt，字重600，行高28pt，段落间距0pt。
2、创建iOS正文样式：命名为“HIG/Body”，字体PingFang SC，字号17pt，字重400，行高24pt，字符间距0.25pt。
3、全选AI生成的所有文本图层，右键选择“Apply text style”，从下拉列表中选择对应HIG样式。
4、检查所有按钮、标签、图标旁文字，确认其字号未低于11pt最小可读字号。
四、用Auto Layout重写HIG间距逻辑
AI生成的间距多为随机值，必须依据HIG“8pt网格系统”重构所有垂直与水平留白，确保视觉节奏统一且开发可复现。
1、选中AI生成的Card组件，启用Auto Layout（Shift+A），方向设为Vertical，Padding设为16px。
2、在Item spacing字段输入8，确保所有子元素间强制间隔为8的整数倍。
3、对按钮组执行相同操作，但Item spacing设为12——该值对应HIG中“Primary + Secondary button pair”的标准间距。
4、检查所有Icon+Label组合，确认Icon尺寸为24×24pt、Label与Icon间距为8pt、Label行高为20pt，全部符合HIG Iconography & Labeling章节要求。
五、运行CheckDesign插件执行HIG合规性扫描
人工核查易遗漏细节，需借助插件自动化比对HIG检查清单，定位违反项并提供修正指引。
1、在Figma社区插件市场安装“CheckDesign”，启动后选择“iOS HIG 2026”规则集。
2、框选AI生成的整个移动端Frame，点击“Run Check”。
3、在报告面板中定位红色标记项，例如：“Status bar height mismatch (found: 20px, expected: 44pt)”、“Touch target too small (found: 32×32pt, expected ≥44×44pt)”。
4、按插件提示逐项修复，特别关注“Non-system font detected in navigation bar”类错误，立即替换为PingFang SC。
