# チュートリアル

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

Illustration、DataChart、FlowChart の入力から書き出しまでを学べます。短い動画では Illustration の入力方法と SVG 編集を紹介します。図の用途に合うワークスペースを選んでください。

- [SciFig 使い方ガイド：AIによる科学的図表ジェネレーターを学ぶ](https://scifig.ai/ja/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/ja/app/illustration?mode=text)

## 図表精修

チャット、文字編集、領域の再描画で概念イラストを調整します。高解像度に拡大して書き出すか、SVGに変換してCanvasで文字とパスを編集します。

- [動画を見る](https://cdn.scifig.ai/images/tutorials/02-figure-enhancer-v2.webm)

- [ワークスペースを開く](https://scifig.ai/ja/app/illustration?mode=enhancer)

## スケッチから図表

スケッチとレイアウト、構成要素、ラベルの説明からIllustrationを作成します。画像を調整するか、SVGに変換してCanvasで編集します。

- [動画を見る](https://cdn.scifig.ai/images/tutorials/03-sketch-to-figure-v2.webm)

- [ワークスペースを開く](https://scifig.ai/ja/app/illustration?mode=sketch)

## 参照画像から図表

参考画像の配色、線の太さ、画風を使って新しいIllustrationを作成します。文字とレイアウトを調整するか、SVGに変換してCanvasで編集します。

- [動画を見る](https://cdn.scifig.ai/images/tutorials/04-reference-to-figure-v2.webm)

- [ワークスペースを開く](https://scifig.ai/ja/app/illustration?mode=reference)

## PDFから図表

PDFの関連ページと具体的な説明から概念イラストを作成します。Illustrationでラベルとレイアウトを調整し、書き出すかSVGに変換してCanvasで編集します。

- [動画を見る](https://cdn.scifig.ai/images/tutorials/05-pdf-to-figure-v2.webm)

- [ワークスペースを開く](https://scifig.ai/ja/app/illustration?mode=pdf)

## 写真から図表

Illustration で装置や採取場面の写真を参考に概念図を作成します。

- [動画を見る](https://cdn.scifig.ai/images/tutorials/06-photo-to-figure-v2.webm)

- [ワークスペースを開く](https://scifig.ai/ja/app/illustration?mode=photo)

## ベクターキャンバス

既存画像を SVG に変換、または SVG の要素を編集

- [動画を見る](https://cdn.scifig.ai/images/tutorials/07-vector-canvas-v2.webm)

- [ワークスペースを開く](https://scifig.ai/ja/app/vector-canvas)

- [GitHub と公開資料](https://github.com/lilingm963/SciFig-AI/blob/main/README.ja.md)

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

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

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

## 公式情報源

- [チュートリアル](https://scifig.ai/ja/tutorials)