Recraft AI 是一款面向设计场景的生成式图形工具,核心优势是“生成结果可编辑、可继续迭代”,并且对矢量风格与图标/插画这类需要精确控制的素材更友好。对比只输出位图的生图工具,Recraft 更像是把“灵感草图→成品素材”的中间环节做得更顺滑:你可以先让它给出多版方案,再把最接近的方向拉进编辑流程里做细化。
它尤其适合:需要快速出一批品牌插画/图标的 UI 设计师、运营设计、产品团队,以及做电商详情页/落地页时需要统一风格的素材制作人员。如果你经常在 Figma、Illustrator 里微调矢量形状、改色、换线条粗细,那它的价值会更明显。
第 1 步:先定“用途”再写提示词。很多人上来就写“生成一个某某风格插画”,结果出来很美但不可用。建议把用途写进去,例如:用于 App 引导页插画、用于 24px 线性图标、用于官网 Hero 的矢量插画等。用途会反过来约束构图、细节密度与线条粗细。
第 2 步:把风格描述拆成 3 段。我常用的结构是:主体(对象+动作)+画面(构图/视角/留白)+风格(线条/上色/质感)。例如“一个正在打字的设计师,正面半身,留白充足,扁平矢量风,纯色块,上色干净,线条统一”。拆开写会比堆叠形容词更稳定。
第 3 步:加上可控的限制词。如果要做图标,直接写“minimal, icon, 24px grid, single stroke, no background”。如果要做插画,写“vector illustration, clean shapes, limited palette, no watermark, no text”。限制词的目的不是“更像”,而是“更可控”。
第 4 步:一次只改一个变量。当你在迭代时,不要同时改主体、视角、色彩、材质。建议每轮只改一个变量,例如只把“俯视”改成“45°侧视”,或只把“渐变”改成“纯色块”。这样更容易锁定可复用的提示词模板。
第 5 步:生成后先做“可用性检查”。我会快速看 4 件事:边缘是否干净(无脏点)、线条粗细是否统一、是否存在多余小装饰导致缩小后糊成一团、是否留有足够安全边距(尤其是做网页/移动端模块时)。可用性比“好看”更重要。
第 6 步:导出并进入你的主力编辑器。如果你要在 Figma 里继续排版与改色,优先导出矢量相关格式(如果你习惯 Illustrator,就导出更适合 AI 的格式)。导出后把它当作“半成品组件”来编辑:统一线宽、对齐像素网格、替换品牌色、做响应式裁切。把 AI 当作起点,而不是终点。
经验 1:先定义一套颜色策略。如果你希望长期产出一致风格,建议先确定 3-5 个主色与 1-2 个辅助色,并在提示词中固定“limited palette / brand palette / flat colors”。当你发现某个色相偏脏或偏灰,直接在下一轮提示词里明确“clean, high-contrast, no muddy colors”。
经验 2:用“系列词”稳定风格,但不要写成系列标题。你可以在提示词里给风格起一个内部代号,比如“style: clean-flat-01”,每次都带上,形成自己的提示词资产库;但文章标题不要带系列前缀/后缀,避免重复与模板化。
经验 3:把图标当成系统做,而不是单张做。如果你要做一组 20 个图标,建议先生成 4-6 个“母版”方向,选定线宽、圆角、端点样式、留白规则,再用同一套限制词去扩展其它图标。这样整套图标放进界面里才不会“看起来像拼出来的”。
坑 1:缩小后细节糊成一团。解决方法:减少装饰细节,提示词加入“simple shapes / minimal details”,并在生成后做一次“最小尺寸预览”(例如 24px/32px)。
坑 2:线条粗细不统一。解决方法:提示词加入“consistent stroke / uniform line weight”,并在导入编辑器后统一描边宽度,必要时转轮廓再做对齐。
坑 3:风格漂移。解决方法:固定提示词结构与关键词,不要每次换一套形容词;把有效的提示词保存成模板,并且每次只微调一个变量。
我更推荐把 Recraft 用在“需要可复用资产”的地方:官网插画、产品功能示意图、引导页插画、图标体系、活动主视觉的辅助插画元素等。它能显著缩短前期探索风格与快速出稿的时间,把你的精力留给更关键的版式、信息层级与品牌一致性。
把 AI 生成当作“方向探索器”,把你的专业判断放在“可用性与一致性”上:同一套网格、同一套线宽、同一套颜色策略。这样你产出的不只是好看的图片,而是一套真正能落地到项目里的设计资产。