Sketchファイルをインポート – Figma Learn - ヘルプセンター

Figmaのリデザイン版であるUI3を使用している場合、この記事の一部が製品に表示される内容と一致しない可能性があります。アップデートを行うまで、今しばらくお待ちいただきますようお願いいたします。Figmaの新デザインの詳細はこちら→

はじめに

この機能を使用できるユーザー

すべてのプランで利用できます

すべてのユーザーが自分のドラフトにSketchファイルをインポートできます

チームへの編集可アクセス権があるユーザーは、そのチームにSketchファイルをインポートできます。

FigmaにSketchファイル(.sketch)をインポートできます。ファイルをインポートすると、SketchファイルはFigmaデザインに変換されます。Sketchで元のファイルに変更を加えても、Figmaには反映されません。

注 Sketchのベータ版をご利用中の場合、Figmaへのアセットのインポート方法が異なる場合があります。FigmaにSketchファイルをインポートする前に、Sketchの最新版を使用してファイルを保存することをお勧めします。

Sketchから個々のアセットだけをインポートする場合は、アセットをデザインファイルにコピーして貼り付けることができます。デザインツール間でのアセットのコピーについて→

FigmaにおけるSketch機能の変換方法

Sketchファイルのインポート後は、Sketchの既存の機能がFigmaの機能に置き換えられています。

Figmaを使用するのは初めてですか?SketchからFigmaへの移行時の留意事項の詳細→

アートボード

Sketchファイルのすべてのアートボードが、Figmaのフレームに変換されます。アートボードと同様に、フレームはコンテンツを保持するために使用されますが、追加機能がいくつか含まれています。フレームの使用方法の詳細→

ページ

Sketchと同様に、1つのデザインファイル内に複数のページを保存できます。Sketchファイル内のページはすべて、デザインファイル内の個別のページとしてインポートされます。

左サイドバーにあるレイヤーパネルを使用して、ページ間を移動できます。レイヤーパネル使用の詳細→

記号とライブラリ

FigmaにSketchファイルをインポートすると、元のファイルに含まれていたすべての記号がFigmaのコンポーネントに変換されます。Sketchファイルの記号ページは、主要コンポーネントを含む「記号」という名前のページとしてFigmaにインポートされます。コンポーネントの使用方法の詳細→

Sketchから記号ライブラリをインポートすると、ライブラリではなく、デザインファイルとしてインポートされます。有料プランでは、インポート後、コンポーネントをライブラリに公開できます。これにより、複数のデザインファイル間でコンポーネントを使用できます。ライブラリの公開について→

注: 記号のインスタンスを含むSketchファイルをインポートする場合、記号をライブラリに公開した後、これらのインスタンスを主要コンポーネントに再接続する必要があります。再接続は、個々のコンポーネントの入れ替えまたはライブラリの入れ替えを実行することで可能です。

フォント

カスタムフォントまたはコンピューターに保存されているローカルフォントをSketchファイルに使用している場合、これらのフォントをFigmaで使用可能にする必要があります。Figmaデスクトップアプリをご利用中の場合、すべてのローカルフォントはデフォルトでアクセス可能です。ブラウザでFigmaを使用している場合、ローカルで利用可能なフォントにアクセスするためにFigmaフォントインストーラーをダウンロードする必要があります。ローカルフォントへのアクセス→

Sketchファイルのインポート後に「フォントがありません」というエラーメッセージが表示される場合、影響を受けるすべてのテキストレイヤーを更新するよう求められます。欠落しているフォントの管理の詳細→

注: Figmaでは、ChromeOSまたはLinuxを実行しているデバイスのローカルフォントをサポートしていません。組織管理者は、組織のメンバーが使用するカスタムフォントをアップロードできます。組織へのカスタムフォントのアップロードの詳細→

スタイル

インポート中にスタイルは保持されません。ファイルのインポート後に、Sketchで使用したすべてのスタイルを作成しなおす必要があります。スタイルの作成→

Sketchファイルのインポート

ファイルブラウザまたはエディターを使用して、Sketchファイルをインポートできます。

注: 非常に大きなSketchファイルをインポートすると、インポートを完了できない可能性があります。これを回避するには、インポートする前にSketchファイルを小さなファイルに分割することをご検討ください。

ファイルブラウザを使用したSketchファイルのインポート

ファイルブラウザで、ページ右上の[インポート]をクリックします。
[自分のコンピューターから]をクリックします。
インポートするSketchファイルを選択して、[開く]をクリックします。ファイルサイズによっては、インポートに少し時間がかかることがあります。
[完了]をクリックします。

注: コンピューターからファイルをドラッグアンドドロップして、ファイルブラウザにファイルをインポートすることもできます。

エディターを使用したSketchファイルのインポート

[メインメニュー]をクリックします。
[ファイル]、[Sketchファイルから新規作成]の順に選択します。
.sketchファイルを選択し、[開く]をクリックします。

スケッチファイルからの新規作成(1).png

···