应在recraft ai中启用icons专用模式、构建结构化提示词、批量生成图标集、上传线框图矢量化重构、使用style reference复用样式，以确保ui图标尺寸统一、结构一致且可直接嵌入开发流程。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望在Recraft AI中高效生成符合UI设计规范的界面图标，但发现输出结果缺乏一致性、尺寸不统一或无法直接嵌入开发流程，则可能是由于未启用图标专属模式及未约束矢量结构参数。以下是可直接落地的UI图标集制作方法：
一、切换至Icons专用模式并锁定UI风格库
Recraft AI默认以通用图像模式运行，UI图标所需的像素对齐、等宽笔触、无背景SVG结构仅在Icons模式下被完整激活，该模式强制调用Figma/Sketch兼容的图标子库，并启用自动居中、单色适配与响应式缩放预设。
1、在画布左上角工具栏点击模式下拉菜单，明确选择“Icons”而非“Images”或“Illustrations”。
2、确认界面右下角出现“Style Tags”浮动面板，内含“Material Design”、“iOS SF Symbols”、“Fluent UI”等8个平台级UI规范标签。
3、点击“Material Design”标签，系统立即加载其48dp/36dp/24dp三档基准网格与圆角容差参数。
二、构建结构化提示词并禁用位图干扰项
UI图标需严格遵循语义化命名、无冗余装饰、单层路径结构三大原则，提示词必须排除所有可能导致栅格化渲染的词汇，确保Recraft底层模型从训练数据中精准匹配矢量图标语料库。
1、在提示框中输入格式为："24px outline icon of settings gear, Material Design style, no shadow, no gradient, white fill, centered composition, SVG vector only"。
2、手动删除提示中出现的“realistic”、“3D”、“photorealistic”、“texture”、“background”等关键词。
3、在Advanced Settings中将“Detail level”设为Low，关闭“Background generation”开关。
三、批量生成风格一致的图标集
单个图标无法支撑完整UI系统，Recraft的Image Set功能可基于同一提示词与种子值，批量输出6张结构统一、色彩映射可控的图标变体，每张均保持锚点数量、路径闭合性与坐标原点对齐。
1、点击顶部导航栏的“Image set”按钮，进入批量生成界面。
2、输入与步骤二完全相同的提示词，确保未修改任何风格限定词。
3、在“Seed”字段中填入固定数值如"42"，勾选“Consistent style across all outputs”选项。
4、点击生成，系统输出6张图标，全部自动适配24×24像素画布且无背景层。
四、上传线框图实现精准矢量化重构
当已有Figma或Sketch中的UI线框图时，Recraft支持将位图草图直接转化为可编辑SVG路径，保留原始锚点拓扑关系，避免手动重绘导致的视觉偏差与尺寸偏移。
1、点击画布中央的“+ Upload”按钮，上传分辨率不低于512×512的PNG线框图，确保图标区域边缘清晰、无抗锯齿模糊。
2、上传后，在右侧编辑面板中选择“Vectorize”功能，而非“Image to Image”。
3、在参数区将“Path simplification”滑块拖至70%，勾选“Preserve sharp corners”。
4、点击处理，生成结果为原生SVG代码，可在代码编辑器中验证其包含<path d="..."></path>而非<image href="..."></image>。
五、使用Style Reference复用已验收图标样式
当团队已确认某套图标符合设计系统要求时，可通过Style Reference机制将该图标作为视觉锚点，使后续生成的所有新图标自动继承其线宽比例、端点类型（butt/round）、转角弧度及负空间占比。
1、在编辑界面右上角点击“+ Style Ref”按钮。
2、上传一张已通过评审的UI图标PNG，要求主体占据画面80%以上且背景为纯透明或#FFFFFF。
3、在提示框中仅输入功能词，例如"search icon"，不添加任何风格修饰语。
4、提交生成，系统提取参考图的stroke-width、rx/ry值及fill-opacity分布，从内部UI样式库中匹配最接近的矢量模板。
