Web制作実務役立ち

Adobe XDからFigmaに移行するならConvertifyプラグインがおすすめ【10回までインポート無料】

adobe XDからFigmaに移行するならConvertifyプラグインがおすすめ【10回まで無料】
本ページにはプロモーションが含まれています。
まさひろくん

XDをFigmaに移行したいけど、めんどくさいのは嫌だ、なるべく忠実にデザインを再現してほしい、あと無料でやりたい

こんな方に、今回はFigmaプラグインである「Convertify」を紹介します。

XDがいよいよ終わりそうということですが、依然Figma移行に足踏みしている方は試して欲しいです。

https://www.figma.com/community/plugin/849159306117999028/convertify-sketch-adobe-google

これを使用したことで、結果的にデザインを8割程度は瞬時に再現できたので、大きく工数削減できました。

SVGをコピペする方法より精度が高く、試すのは一瞬で無料なので、ぜひ。

しょーご

この記事を書いたのは
しょーご@samurabrass

このブログ「しょーごログ」の運営者。2018年からエンジニアとしてサイト制作やシステム開発を行いつつ、ブログとYouTubeで情報発信を行っている。駆け出しエンジニアのコーディング課題添削も行う。

Convertifyの使い方

Figmaプラグインからインポートする

まずはFigmaを開き、「プラグイン→プラグインを管理」をクリック。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

その後、検索窓にConvertifyを検索し、「Convertify Sketch/Adobe/Google」を「実行」します。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

するとこのようなポップアップが出るので、「Import Adobe XD to Figma」をクリック。

2023年10月時点ではBETA版になっています。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

その後、XDファイルを「Click or drag and drop .xd file」の部分にドラッグアンドドロップします。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

すると読み込みが始まり…

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

あっという間にFigmaに変換されました!!

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

元のXDファイルがこれなので、大体再現はできていました。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

ただ、詳細を見ると一部崩れがあったり…

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

フッターが崩れていたりしました。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】

ただ、インスタンス情報やグループなどの情報は引き継がれていたので、元デザインがしっかりレイヤー分けされていれば問題ないかなと思います(^_^;)

他のデザインでも試行しましたが、こちらは全く問題がなくほとんど完璧に再現されて、神。

adobe XDからFigmaに移行するならConvertifyプラグインがおすすめ【10回まで無料】

Convertifyは無料だが回数制限あり

注意点として無料で変換できるのは10回までなので、気をつけましょう。

XDからFigmaに移行するならConvertifyプラグインはあり【10回まで無料】
しょーご

とはいえ、こんな優秀なプラグインが無料で10回も試せることに驚きですよ。ありがたい…

この記事では他にFigmaからのコーディング方法なども解説しています。

投げ銭機能を設置しました!

寄付とメッセージには全て目を通させていただきます!

🍺 ビールをプレゼントする