用 Magician 在 Figma 里生成图标、图片与 UX 文案

Magician 是一款面向 Figma 用户的 AI 设计插件。它把图标生成、图片生成和 UX 文案撰写这三类能力放进 Figma 的插件面板里，设计师不需要离开当前文件去开别的网页或工具，就能把一段文字描述变成可用的设计素材。除了生成，它还提供自动化与原型相关的辅助功能，用来减少重复操作。这篇教程讲的是：如何在 Figma 中安装并调用 Magician，把图标、图片和文案三类内容真正做出来并落到设计文件里。站内工具条目见 Magician。

适合读这篇的人：已经在用 Figma 做 UI/UX 设计、希望把一部分素材产出交给 AI 先出草稿再人工收敛的设计师；需要快速补齐图标与占位图、或需要批量产出界面文案的产品与设计协作成员。如果你完全没用过 Figma，建议先熟悉 Figma 的文件、图层与插件面板，再来读下面的步骤。

准备工作

开始之前，把下面几件事确认清楚，可以避免中途卡住。

• Figma 账号与文件权限：Magician 以插件形式运行在 Figma 内，因此你需要一个可用的 Figma 账号，并且对要操作的设计文件有编辑权限。只读权限下无法把生成结果写回文件。
• 插件来源：Magician 通过 Figma 插件市场分发。在 Figma 的插件入口中搜索插件名称即可找到并安装，不需要单独下载安装包。
• 打开一个设计文件：插件需要在具体文件中运行。建议新建一个空白文件或专门的试验文件来跑第一次生成，不要直接在正式稿上试。
• 明确你要生成什么：Magician 的三类主要产出是图标、图片和 UX 文案。开工前先想清楚这一轮要的是哪一类，因为不同类型的输入描述写法差别很大。
• 价格与额度：Magician 属于部分功能免费的产品形态，具体哪些功能免费、是否有生成次数限制、订阅价格如何，会随时间调整，请以官网当前信息为准，不要以本文为准。

另外需要说明一点：Magician 的生成结果依赖你给的文字描述。描述越具体，结果越接近预期。所以准备工作中最值得花时间的一步，是把你要生成的东西先用一句话写清楚，例如「装着优惠券的礼盒」这种带具体物件和场景的描述，而不是「一个图标」。

操作步骤

第一步：在 Figma 中安装 Magician 插件

打开 Figma，进入插件相关的入口，在插件市场中搜索「Magician」。找到对应插件后点击安装。安装完成后，插件会出现在你的插件列表中，之后在任意设计文件里都可以调用。

安装这一步没有需要填写的参数，也没有配置文件。如果搜索不到插件，先确认当前网络环境能否正常访问 Figma 的插件市场，再确认你使用的是 Figma 的桌面端还是浏览器端——两端都能安装插件，但插件列表的入口位置不同。

第二步：在目标文件中启动插件

打开你要做设计的 Figma 文件，从插件面板中找到并点击 Magician 的图标，启动插件。插件启动后会以面板形式出现在 Figma 界面中，你可以在面板里选择要使用的功能。

建议在启动插件前先选中一个画板或图层，这样生成结果落位时更容易判断它被放到了哪里。第一次使用时，最好在一个空白画板上操作，避免生成的内容和已有图层混在一起。

第三步：选择生成类型并填写描述

Magician 面板里对应三类主要能力，按你的需求选择：

• 图标生成：输入描述图标的文字，例如「装着优惠券的礼盒」，插件会给出多个与「礼品折扣」相关的图标供你挑选。
• 图片生成：同样以文字描述作为输入，用于生成与描述相关的图像素材。
• UX 文案撰写：输入关键词或对场景的描述，插件会生成符合设计需求的文案，用于按钮、提示、空状态等界面文字位置。

填写描述时有几个实用原则：

• 写具体物件，不写抽象概念。「礼盒」「优惠券」「购物车」比「促销感」更容易得到可用结果。
• 一次只描述一个主体。想要一组风格统一的图标，就分别生成，而不是在一句话里塞进五个物件。
• 文案类需求要带上使用场景，例如这是按钮文字、错误提示还是引导语，场景不同，语气和长度要求不同。

第四步：触发生成并挑选结果

填写完描述后，点击生成按钮，Magician 会根据输入内容自动生成相应的设计元素。图标类通常会一次给出多个候选，你需要从中挑选最贴合当前设计语言的那一个。

挑选时重点看三件事：图形语义是否准确、线条粗细与圆角是否和现有图标体系一致、在目标尺寸下是否仍然清晰。如果候选都不理想，不要急着换工具，先改描述再生成一次，通常比反复重试同一句描述更有效。

第五步：微调与修改生成内容

生成结果不是终稿。Magician 允许你对生成的内容做微调和修改，以匹配具体的设计风格和需求。图标可以在 Figma 中继续调整尺寸、颜色、描边；文案可以改写措辞、调整长度；图片可以裁切或叠加处理。

这一步是把 AI 草稿变成可用素材的关键。建议把「生成」和「定稿」当成两个独立环节：生成阶段追求候选数量，定稿阶段才做风格收敛。

第六步：保存到文件并复用

调整完成后，把设计元素保存到 Figma 文件中，并在后续设计里直接使用。图标类素材建议整理成组件或统一放在一个素材画板上，方便团队其他成员共享同一套风格；文案类结果可以整理成文案表，供后续页面复用。

Magician 本身还提供自动化和原型工具，用于简化创作流程、快速构建设计原型。如果你的项目需要从静态稿推进到可点击原型，可以在素材准备完成后，用这部分能力减少手工连线的重复劳动。

一个完整示例

下面用一个最小场景把上面的步骤串起来：为一个「优惠券领取」页面准备图标、配图和按钮文案。

1. 建文件：在 Figma 中新建一个文件，画一个移动端尺寸的画板，作为本次示例的工作区。
2. 装插件：在插件市场搜索「Magician」并安装，然后在当前文件中从插件面板启动它。
3. 生成主图标：在图标生成功能中，输入描述「装着优惠券的礼盒」。生成后从多个候选中挑一个语义最清楚的，放到画板的视觉中心位置。
4. 生成辅助图标：再输入「折扣标签」生成第二个图标，用于页面角落的角标。检查两个图标的线条粗细与圆角是否接近，不一致就在 Figma 中手动统一。
5. 生成配图：切换到图片生成，用一段描述页面氛围的文字生成一张背景或插画素材，放到画板上层并调整透明度，避免压过主图标。
6. 生成文案：切换到文案功能，输入关键词与场景，例如「优惠券领取页面的主按钮文字」，从生成结果中挑一条长度合适的，替换掉画板上的占位文字。再生成一条用于领取成功后的提示语。
7. 微调：统一图标颜色与描边，检查按钮文字在目标宽度下是否换行，必要时缩短措辞。
8. 保存与整理：把两个图标整理成组件，文案整理成一份列表，一起保存在文件中，供同项目的其他页面复用。

这个示例覆盖了 Magician 的三类主要产出和完整的使用闭环：安装、启动、输入、生成、挑选、微调、保存。跑通一次之后，后续页面基本就是重复第 3 到第 7 步。

注意事项

• 生成结果需要人工把关：Magician 的输出是候选素材，不是可直接交付的终稿。图标语义偏差、文案语气不符、图片风格不统一都需要人工修正。
• 描述质量决定结果质量：输入过于笼统时，候选之间的差异会很大且都不够贴合。把描述写具体，是提升可用率最直接的手段。
• 风格统一要靠自己收敛：插件能学习和参考大量素材与样例，生成风格相对统一的设计元素，但同一项目内多轮生成之间仍可能出现风格漂移。建议先定一套图标规范（线宽、圆角、配色），再按规范筛选结果。
• 免费范围与配额会变：Magician 采用部分免费的模式，哪些功能免费、生成次数是否受限、订阅价格如何，均以官网当前信息为准。做长期项目前先确认当前方案是否满足用量。
• 插件依赖 Figma 环境：Magician 在 Figma 内运行，无法脱离 Figma 单独使用。团队协作时，需要确保成员都能在各自账号下正常安装和调用插件。
• 正式稿上谨慎直接生成：生成内容会写入当前文件，在正式设计稿上操作容易产生多余图层。建议在独立试验文件中生成，确认可用后再复制到正式稿。
• 文案需要结合产品语境复核：AI 生成的 UX 文案可能不符合产品既有术语或品牌语气，上线前应由产品或内容负责人复核。

把 Magician 当成一个「先出草稿」的助手，而不是「直接出终稿」的工具，它在图标补齐、占位图生成和界面文案起草这三个环节上的价值最明显。流程跑顺之后，真正决定产出质量的，是你对描述的把控和对结果的收敛能力。