# FigmaでAdobe XDやSketchのデータを開く方法

URL: https://webrandum.net/figma-open-sketch-file/
公開日: 2022-04-15
更新日: 2022-04-15
カテゴリー: デザイン
タグ: Figma, Sketch, XD
出典: Webrandum（著者: サイトウ マサカズ）

FigmaではAdobe XDデータ（`.xd`データ）Sketchデータ（`.sketch`ファイル）をインポートして開けます。

## XDデータのインポート

XDのデータはFigmaに対応していないので、少し特殊な方法で持ってくる必要があります。

### XD2Sketchを利用する

![XD2Sketch](https://webrandum.net/mskz/wp-content/uploads/2022/04/image_1-6.png)

[Magicul - Design-to-anything converter engine - Convert Adobe XD, Figma, Sket...](https://xd2sketch.com/)

「XD2Sketch」というサイトを利用すると、デザインデータの変換ができます。

ただし有料のサービスで、1ファイルのみであれば$17かかります。

気軽に利用するのは難しいですが、本格的に移行したい場合の選択肢として覚えておくとよさそうです。

### SVGでコピーして持ってくる

XDのメニューバーで［ファイル］→［エクスポート］を選択し、「SVGとしてエクスポート」をクリックしてSVGとして書き出します。

あとはそのデータをコピーしてFigmaに直接ペーストして移行します。

ただし、この方法は下記データが引き継げないためインポートというより、使い回しのために一部データを持ってくるときにしか使えません。

- レイヤー名

- 画像データ

- プロトタイプの設定

## Sketchデータのインポート

ある程度は問題なくFigmaでも再現されますが、シンボルを作り込んでいたりすると調整が必要な可能性もあります。

できれば、ある程度時間に余裕のあるときに行いましょう。

データのインポート方法はFigmaのホーム画面にある「Import file…」をクリックしてデザインデータを選択するだけです。

![Figmaホーム画面「Import file...」](https://webrandum.net/mskz/wp-content/uploads/2022/04/image_2-10.png)