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

FigmaではAdobe XDデータ(.xdデータ)Sketchデータ(.sketchファイル)をインポートして開けます。
XDデータのインポート
XDのデータはFigmaに対応していないので、少し特殊な方法で持ってくる必要があります。
XD2Sketchを利用する

「XD2Sketch」というサイトを利用すると、デザインデータの変換ができます。
ただし有料のサービスで、1ファイルのみであれば$17かかります。
気軽に利用するのは難しいですが、本格的に移行したい場合の選択肢として覚えておくとよさそうです。
SVGでコピーして持ってくる
XDのメニューバーで[ファイル]→[エクスポート]を選択し、「SVGとしてエクスポート」をクリックしてSVGとして書き出します。
あとはそのデータをコピーしてFigmaに直接ペーストして移行します。
ただし、この方法は下記データが引き継げないためインポートというより、使い回しのために一部データを持ってくるときにしか使えません。
- レイヤー名
- 画像データ
- プロトタイプの設定
Sketchデータのインポート
ある程度は問題なくFigmaでも再現されますが、シンボルを作り込んでいたりすると調整が必要な可能性もあります。
できれば、ある程度時間に余裕のあるときに行いましょう。
データのインポート方法はFigmaのホーム画面にある「Import file…」をクリックしてデザインデータを選択するだけです。



Sketchのテキスト編集周りの基本操作
Figmaで企業やサービスのブランドロゴやカラーをすぐ参照できるプラグイン「Brandfetch」
Figmaで要素のサイズを図って追加するするプラグイン「Redlines」
Illustratorの選択系のツールを徹底的にまとめる
Figmaの図形周りの基本操作|図形の作成方法から細かい設定項目まで
Sketchでデザインを作成するときの基本的な操作方法
コーダー目線で理解するIllustratorのアピアランス機能
Figmaで簡単に波の素材を生成するプラグイン「Get Waves」
記事内の画像にマウスホバーした時に画像が半透明になる意味はあるのか?
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
macOS Mojaveのスクリーンショット機能についてまとめる
Alfredのランチャー(メインウインドウ)が邪魔で後ろが隠れてしまうときの対処法
Macのターミナルでパスワード付きのZIPファイルを作成する方法
CSS Nite in Kobe, vol.42「ユーザーの感情に寄り添い、検索エンジンからも評価される「ドリルライティング」実践講座」に参加してきました
Keyboard Maestroのアクション タイムアウト設定方法で、マクロの継続・停止をコントロールする
Visual Studio CodeでToDoコメントを一覧で表示する拡張機能「Todo Tree」
ScreenFlowでできる3種類のカット編集方法
Bartenderが重いときの乗り換え候補!メニューバー管理アプリまとめ
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
SourceTreeでURLからクローンするときに自動で入力される「保存先のパス」を変更する方法