用五级几何锚点锁定图标结构

首要任务：将每个图标拆解为五个物理可测量的层级——每一层仅用尺子能量、像素可查的参数来定义。

① 轮廓层：外圈尺寸、线宽、端点样式。例如“蓝牙图标”不能说“科技感”，而应写：“外圈为正圆，直径48px，线宽2px，无端点；内圈同心圆直径24px，线宽1.5px”。

② 节点层：分支数量、长度、角度、末端形状。“左侧天线三叉分支，主干长16px，分叉角分别为30°、90°、150°，末端为圆形端点（r=1px）”。

③ 连接层：部件之间的几何关系。“右侧耳机轮廓为椭圆弧线，长轴32px，短轴18px，与天线主干在圆心偏右8px处相切”。

④ 状态层：表示当前功能的视觉细节。“右耳罩内部填充3条平行短线，长6px，间距3px，倾斜角-15°，表示已连接”。

⑤ 关系层：整组图标的统一约束。“整组图标统一采用2px线宽，相邻图标间距≥24px，所有转角均为尖角（miter limit=1），禁用圆角连接”。

这里必须注意：顺序不可颠倒。轮廓→节点→连接→状态→关系，一旦打乱，AI很可能渲染出带圆角的蓝牙图标——这在UI设计中是不可接受的。

替换模糊词为矢量引擎指令

第一步，删除“现代”“简约”“清晰”这类AI无法映射到路径数据的幻觉词。它们只会让模型套用默认的圆角矩形+居中对齐模板，导致开关图标彻底丧失“开/关”的视觉区分。

第二步，用Figma或Sketch导出规范来替代形容词。与其写“看起来专业”，不如写：“符合iOS SF Symbols 4.0图层命名规则——group命名为‘bluetooth_connected’，path ID含‘state_on’或‘state_off’后缀，stroke-cap为butt，stroke-join为miter”。

第三步，在提示词末尾强制指定坐标系与缩放：“导出为SVG路径字符串，viewBox='0 0 48 48'，所有坐标保留小数点后1位，禁止自动居中变换”。

注入功能语义防止误判

关键一步：识别图标的核心交互意图。比如“Wi-Fi图标”不是装饰，它必须表达信号强度等级。所以提示词里要明确写出：“三段式弧线，从左至右长度依次为8px、16px、24px，顶端y坐标固定为12px，底端y坐标依次为20px、24px、28px，最短弧线末端闭合为实心圆点（r=2px）”。

接着，添加一组负向指令锁定AI的常见误判源：“--no text --no gradient --no shadow --no fill --no rounded corners --no auto-align”。

最后，上传一张带真实像素网格的参考图（例如Sketch导出的PNG，有1px红格线），点击Magic Design → 选择“Use reference for line precision”，让AI直接复刻栅格对齐逻辑。操作很简单：直接把带网格的PNG拖进画布即可。

生成后校验关键细节

四步走，一个也不能少：

① 放大至400%，检查所有线条端点是否恰好落在像素网格交点上；
② 用颜色取样器测线宽——选中任意线条，右键“查看属性”，确认stroke-width值严格等于2px；
③ 导出SVG后用文本编辑器打开，搜索“d=”字段，验证所有贝塞尔曲线控制点坐标都含小数位，且没有科学计数法；
④ 在Figma中导入，启用“Pixel Perfect”插件运行检测，报错项必须控制在0。

如果第④步报错大于0，说明AI没有执行负向指令。这时必须重新跑，并确保--no rounded corners这个参数没有被截断。