Magician 是一款专为 Figma 设计师打造的 AI 智能设计插件,支持 AI 生成图标、图片、插画和 UX 文案,并可将位图一键转换为矢量图形,帮助设计师快速完成从创意到落地的视觉与文案设计工作。

产品详细介绍

Magician 作为 Figma 插件,将多种 AI 设计能力整合在同一工作流中,让设计师无需频繁切换工具即可完成从图形到文案的整体创作。

  1. AI 生成图标与图片
  • 支持根据文字描述自动生成图标和图片
  • 可选择多种风格:low poly、3D、矢量、logo、像素风、皮克斯风格等
  • 生成结果直接插入 Figma 画布,便于快速迭代与修改
  1. 位图一键转矢量
  • 将导入的位图(如 PNG、JPG)自动转换为可编辑的矢量图形
  • 适合用于 logo 重绘、图标规范化、插画矢量化等场景
  • 转换后可直接在 Figma 中编辑节点、修改颜色和形状
  1. AI 插画与场景生成
  • 根据简单的文字提示生成完整插画或场景画面
  • 支持多种视觉风格,适用于网页首屏、App 引导页、海报等
  • 可快速生成多版方案,用于创意探索和方向对比
  1. UX 文案智能生成
  • 在 Figma 中直接为按钮、弹窗、表单、引导页等生成 UX 文案
  • 支持根据页面语境和组件类型自动匹配合适语气
  • 可用于占位文案、A/B 测试文案、国际化初稿等
  1. 设计流程一体化
  • 所有 AI 功能都在 Figma 插件面板中完成
  • 生成内容自动与当前选中图层或画板关联
  • 减少导入导出和多工具切换,提升整体设计效率

简单使用教程

一、安装与启动

  1. 打开 Figma 桌面端或网页版
  2. 在左侧菜单中进入 Community(社区)
  3. 搜索“Magician”插件
  4. 点击安装 / Try it out,将插件添加到你的账号
  5. 在 Figma 文件中右键空白处,选择 Plugins → Magician 启动插件

二、AI 生成图标 / 图片

  1. 在 Figma 中新建一个 Frame 或选中需要放置图标的区域
  2. 打开 Magician 插件,在面板中选择“图标”或“图片”生成功能
  3. 在输入框中用简短中文或英文描述你想要的图标/图片(例如:“简洁的电商购物车图标”)
  4. 选择风格(如 3D、矢量、像素风、logo 风格等)
  5. 点击生成,等待 AI 输出多个候选方案
  6. 选择满意的结果,一键插入当前画布

三、位图转矢量

  1. 将位图(PNG/JPG 等)拖入 Figma 画布
  2. 选中该位图图层
  3. 打开 Magician 插件,选择“位图转矢量”功能
  4. 点击转换,等待 AI 处理
  5. 转换完成后,会生成新的矢量图层,可直接编辑路径和颜色

四、AI 插画生成

  1. 新建一个画板作为插画展示区域
  2. 打开插件,选择“插画生成”或类似插画相关功能
  3. 输入插画需求描述(如:“低多边形风格的城市夜景插画”)
  4. 选择风格:low poly、3D、皮克斯风、矢量插画等
  5. 点击生成,将满意的插画插入画板

五、UX 文案生成

  1. 在 Figma 中创建按钮、弹窗、表单等组件
  2. 选中文本图层或组件
  3. 打开 Magician 插件,选择“文案生成 / UX 文案”功能
  4. 简要说明使用场景和语气(如:“注册成功提示,语气友好简洁”)
  5. 点击生成,插件会自动替换或填充对应文本图层
  6. 如不满意,可多次生成对比选择

六、常用小技巧

  • 先用 AI 快速生成,再手动微调细节,能兼顾效率与品质
  • 为不同页面或品牌预设统一风格描述,保持整体视觉一致
  • 将满意的 AI 结果整理成组件库,方便后续复用

FAQ 常见问题

1. Magician 必须在 Figma 中使用吗?
是的,Magician 是一款 Figma 插件,需要在 Figma 环境中安装和调用,无法独立运行。

2. 支持哪些图像风格?
支持 low poly、3D、矢量、logo、像素风、皮克斯风格等多种常见设计风格,具体可在插件面板中选择或查看示例。

3. 位图转矢量的效果如何?
转换效果与原图清晰度和复杂度相关。线条清晰、颜色块分明的图形(如图标、logo)转换效果最佳,复杂照片类图片不建议用于矢量化。

4. 生成的图标和插画可以商用吗?
是否可商用需参考 Magician 官方及其底层模型的授权条款。建议在正式商用前查看官网或插件说明中的版权与使用协议。

5. 是否支持中文文案生成?
通常支持中英文文案生成,但质量可能因语言和场景略有差异。建议在中文场景下对生成文案进行人工润色和品牌语气统一。

6. 使用 Magician 是否会影响 Figma 性能?
在正常使用下影响较小,但在同一画布中大量生成高分辨率图片或复杂插画时,可能会增加文件体积和渲染压力,建议定期整理和压缩资源。

7. 需要具备 AI 或编程基础才能使用吗?
不需要。Magician 以可视化界面为主,只需输入文字描述并选择风格即可生成内容,适合所有设计师和产品从业者使用。