Amazonで商品を見るセール会場へ

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

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

この記事は2026年10月3日に確認した公式資料に基づく移行手順です。実際のSketchファイルを使ったインポート検証は含みません。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は形式別の移行方法で扱います。

サービス

Service

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

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

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

Figmaのおすすめ書籍

Figma用PCの選び方

周辺機器の優先度

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