Amazon10/19まで!プライム感謝祭開催中!セール会場へ

SketchファイルをFigmaへ読み込む方法|変換後のスタイル・フォント・ライブラリ

Figmaは.sketchファイルを読み込み、Figma Designファイルへ変換できます。アートボードはフレーム、シンボルはコンポーネントへ変換されますが、Sketchのスタイルは保持されません。ライブラリの公開と参照の接続も別途確認が必要です。

この記事は2026年10月3日に確認した公式資料に基づく移行手順です。実際のSketchファイルを使ったインポート検証は含みません。Figma公式のSketchインポート

目次

あなたはどっち?利用環境に合わせた最適プラン判定フロー

移行の順番を、先に確認しておきます。内容は、この記事の説明にもとづく目安です。ページは2026年10月3日に確認した公式資料に基づく移行手順で、実際のSketchファイルを使ったインポート検証は含みません。Figmaの仕様は変わることがあるため、最新の内容は公式で確認してください。

  1. 移行元のSketchファイルとフォントを用意する。元のファイルを保持したまま作業する。Sketchのベータ版で保存したファイルは、変換結果に違いが出る場合があるため、公式は最新の通常版で保存してからの移行を案内している。
  2. Figmaのファイルブラウザーで、Create new → Import → Import from computerを選び、.sketchファイルを選んで、Openを押す。読み込みが終わったらDoneを押す。
  3. 変換後は、ページ数・フレーム数だけでなく、文字の改行、画像、マスク、コンポーネントの対応を、元のファイルと見比べる。
  4. スタイルは保持されないため、再作成する。
  5. ライブラリを使っていた場合は、ライブラリを公開したあと、元のシンボルインスタンスをメインコンポーネントへ接続し直す。
  6. フォントの警告や読み込みの失敗が出たら、元の書体とウェイトを確認する。大きなファイルは、分割して、小さい範囲から変換する。

Figmaへ変換したあとに、元のSketchファイルを編集しても、変更は同期されません。

読み込む前に確認すること

どのプランでもドラフトへインポートできます。チームやフォルダーへ置く場合は、対象の編集権限とプラン・席の条件を確認します。移行元のSketchファイルとフォントを用意し、元ファイルを保持したまま作業してください。

Figmaへ変換した後、元のSketchファイルを編集しても変更は同期されません。Sketchのベータ版で保存したファイルでは変換結果に違いが出る場合があるため、公式は最新の通常版で保存してからの移行を案内しています。

ファイルブラウザーから読み込む

  1. Figmaのファイルブラウザーを開きます。
  2. Create/Create newのメニューからImportを選びます。
  3. From your computer/Import from computerを選びます。
  4. .sketchファイルを選び、Openを押します。
  5. 読み込みが終わったらDoneを押し、作成されたDesignファイルを開きます。

ファイルブラウザーへドラッグ&ドロップする方法もあります。現在開いているDesignファイルから進む場合は、Main menu → File → New from Sketch fileを選びます。これは新しいファイルの作成であり、既存ページへの単純な貼り付けとは異なります。

.fig形式の配布素材を使う場合は、別記事の.figファイルを読み込む方法を参照してください。形式ごとの変換条件を混同しないようにします。

Sketchの要素はどう変わるか

Sketch側Figma側での扱い
アートボードフレーム
ページ同じDesignファイル内の別ページ
シンボルコンポーネント
Symbolsページメインコンポーネントを含むSymbolsページ
シンボルライブラリDesignファイル。自動で公開ライブラリにはならない
スタイル保持されないため再作成

変換後は、ページ数・フレーム数だけでなく、文字の改行、画像、マスク、コンポーネントの対応を元ファイルと見比べます。書式が見た目として残っていても、再利用可能なスタイルが移行したとは限りません。スタイルの使い方

ライブラリを再設定する

Sketchのライブラリは、まず1つのDesignファイルになります。有料プランでコンポーネントをライブラリとして公開した後は、元のシンボルインスタンスをメインコンポーネントへ接続し直す必要があります。

少数ならコンポーネントを個別に入れ替え、ライブラリ全体の移行ならライブラリのswapを検討します。公開しただけで全ファイルの参照が更新されたと判断せず、利用先でインスタンスの参照元を確認します。インスタンスの入れ替え、ライブラリの更新確認

フォントと読み込み失敗の対処

ローカルフォントを使っている場合はFigma側でも利用できるようにします。デスクトップアプリとブラウザーではローカルフォントの利用方法が異なり、ブラウザーではフォントインストーラーが必要です。ChromeOS・Linuxにインストールしたフォントは、同じ方法では利用できません。

Missing fontsが出た場合は、元の書体とウェイトを確認してから置き換えます。代替フォントで表示できても、文字幅と改行は変わる場合があります。欠落フォントの対処

非常に大きなSketchファイルはインポートに失敗する場合があります。公式は小さいファイルへ分割する方法を案内しています。まず小さい範囲で変換し、どの要素が保持されるかを確認してから移行範囲を広げてください。XDやIllustratorは形式別の移行方法で扱います。

よくある質問:SketchからFigmaへの移行で迷ったときのチェックリスト

SketchファイルをFigmaに読み込めますか?

読み込めます。Figmaは.sketchファイルを読み込み、Figma Designファイルへ変換できます。アートボードはフレーム、シンボルはコンポーネントに変換されます。

Sketchのスタイルは、そのまま引き継がれますか?

引き継がれません。記事では、Sketchのスタイルは保持されないため、再作成すると説明しています。書式が見た目として残っていても、再利用可能なスタイルが移行したとは限りません。

読み込んだあと、元のSketchファイルを編集すると、Figmaにも反映されますか?

反映されません。Figmaへ変換した後、元のSketchファイルを編集しても、変更は同期されません。

ライブラリは、どうなりますか?

Sketchのライブラリは、まず1つのDesignファイルになります。自動で公開ライブラリにはなりません。有料プランでコンポーネントをライブラリとして公開したあとは、元のシンボルインスタンスをメインコンポーネントへ接続し直す必要があります。

読み込みに失敗したときは?

非常に大きなSketchファイルは、インポートに失敗する場合があります。公式は、小さいファイルへ分割する方法を案内しています。まず小さい範囲で変換し、どの要素が保持されるかを確認してから、移行範囲を広げてください。

フォントが表示されないときは?

ローカルフォントを使っている場合は、Figma側でも利用できるようにします。Missing fontsが出た場合は、元の書体とウェイトを確認してから置き換えます。代替フォントで表示できても、文字幅と改行は変わる場合があります。

サービス

Service

デザイン制作に関心がありましたら、ぜひ詳細をご覧ください。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Figmaのおすすめ書籍

Figma用PCの選び方

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次