# 教學

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

先看 Illustration、DataChart 與 FlowChart 三段完整教學，再透過七段功能示範，學習如何製作並編輯研究圖件。

- [SciFig 科學繪圖教學：從輸入到編輯與匯出](https://scifig.ai/zh-Hant/tutorials)

## Illustration：從文字描述或草圖到 SVG

在 Illustration 中描述機制或概念，並修改產生的圖片。SVG 轉換是獨立步驟；插圖轉換為 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)

## 文字轉插圖

用自然語言描述研究主題、結構與關係，製作第一張科學插圖初稿。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/01-text-to-figure-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/illustration?mode=text)

## 插圖精修

透過對話、文字編輯或區域重繪完善概念插圖。提高解析度後匯出，或轉換為 SVG 後在 Canvas 中編輯文字與路徑。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/02-figure-enhancer-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/illustration?mode=enhancer)

## 草圖轉插圖

上傳手繪或 iPad 草圖，補充標註與風格需求，製作清楚的科學插圖。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/03-sketch-to-figure-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/illustration?mode=sketch)

## 參考圖轉插圖

上傳參考圖並描述自己的研究內容，依參考風格製作新的科學插圖。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/04-reference-to-figure-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/illustration?mode=reference)

## PDF 轉插圖

上傳論文或研究計畫 PDF，說明想呈現的內容，製作新的科學插圖初稿。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/05-pdf-to-figure-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/illustration?mode=pdf)

## 照片轉插圖

使用設備或採樣場景的照片，在 Illustration 中製作概念插圖。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/06-photo-to-figure-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/illustration?mode=photo)

## 向量畫布

將圖片向量化，或開啟已有 SVG，在向量畫布修改形狀、文字與配色，再匯出 PPTX、SVG 或 8K PNG。

- [觀看影片](https://cdn.scifig.ai/images/tutorials/07-vector-canvas-v2.webm)

- [開啟工作區](https://scifig.ai/zh-Hant/app/vector-canvas)

- [GitHub 與公開資源](https://github.com/lilingm963/SciFig-AI)

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

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

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

## 官方來源

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