# 教程

<!-- Content-Language: zh; content revision: 2026-10-06 -->

学习 Illustration、DataChart 和 FlowChart 从输入到导出的完整流程。短教程介绍 Illustration 的输入方式和 SVG 编辑；请按图的用途选择工作台。

- [SciFig 使用教程：用 AI 科研插图生成器，从输入到出图](https://scifig.ai/zh/tutorials)

## Illustration：从文字描述或草图到 SVG

在 Illustration 中描述机制或概念，并修改生成图像；需要时可另行转换为 SVG。 Illustration 图像可转换为 SVG 后继续进行矢量编辑。

- [观看视频](https://cdn.scifig.ai/images/tutorials/workbench-illustration.mp4)

## DataChart：从 CSV 文件到期刊风格图表

拖入 CSV 文件，由 AI 选择图表类型，切换到 Science 样式和 Lancet 配色，最后下载 PDF。

- [观看视频](https://cdn.scifig.ai/images/tutorials/workbench-datachart.mp4)

## FlowChart：根据文字描述生成 PRISMA 流程图

写下检索流程和各环节的数量，生成 PRISMA 2020 流程图，拖动方框、修改文字，最后导出 PPTX，其中的文字仍可编辑。

- [观看视频](https://cdn.scifig.ai/images/tutorials/workbench-flowchart.mp4)

## 文字转插图

在 Illustration 中描述机制或概念，继续修改并导出图像。

- [观看视频](https://cdn.scifig.ai/images/tutorials/01-text-to-figure-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/illustration?mode=text)

## 插图精修

通过对话、文字编辑或区域重绘完善概念插图。放大分辨率后导出，或转换为 SVG 后在 Canvas 中编辑文字与路径。

- [观看视频](https://cdn.scifig.ai/images/tutorials/02-figure-enhancer-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/illustration?mode=enhancer)

## 草图转插图

根据草图与布局、组件、标签说明制作 Illustration。继续完善图片，或转换为 SVG 后在 Canvas 中编辑。

- [观看视频](https://cdn.scifig.ai/images/tutorials/03-sketch-to-figure-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/illustration?mode=sketch)

## 参考图转插图

使用参考图引导新 Illustration 的配色、线条粗细与画面风格。调整文字与布局，或转换为 SVG 后在 Canvas 中编辑。

- [观看视频](https://cdn.scifig.ai/images/tutorials/04-reference-to-figure-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/illustration?mode=reference)

## PDF 转插图

使用相关 PDF 页面与明确的说明制作概念插图。在 Illustration 中完善标签与布局，然后导出，或转换为 SVG 后在 Canvas 中编辑。

- [观看视频](https://cdn.scifig.ai/images/tutorials/05-pdf-to-figure-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/illustration?mode=pdf)

## 照片转插图

在 Illustration 中，用实验装置或采样场景的照片引导概念插图。

- [观看视频](https://cdn.scifig.ai/images/tutorials/06-photo-to-figure-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/illustration?mode=photo)

## 矢量画布

将已有图片转为 SVG，或编辑 SVG 元素

- [观看视频](https://cdn.scifig.ai/images/tutorials/07-vector-canvas-v2.webm)

- [打开工作区](https://scifig.ai/zh/app/vector-canvas)

- [GitHub 与公开资源](https://github.com/lilingm963/SciFig-AI/blob/main/README.zh.md)

- [Illustration](https://scifig.ai/zh/app/illustration)

- [DataChart](https://scifig.ai/zh/app/datachart)

- [FlowChart](https://scifig.ai/zh/app/flowchart)

## 官方来源

- [教程](https://scifig.ai/zh/tutorials)