Figma
非常に大きなFigmaファイルの変換
処理が終わるまで待てるのであれば、Convertifyは非常に大きなFigmaファイル(数万レイヤー)にも対応できます。できればFigmaのタブから切り替えず、最後まで実行させてください。50,000以上のレイヤーを含むファイル(特に画像が多いもの)を変換する場合、最終的なファイルをまとめる段階で処理が遅くなることがあります。
親階層のアートボードをグループ化しない。変換が遅くなる原因の1つは、最上位のアートボードがFigmaの「Group」レイヤーの中(または複数の「Group」レイヤーにまたがって)に入っていることです。アートボードを親階層の直下に置いておくと、変換処理が速くなります。
ファイルの分割。ファイルが非常に大きく、一度に処理しきれない場合や時間がかかりすぎる場合は、Figmaのページを複数のページに「分割」し、小さくなった各ページを1つずつ変換するのがおすすめです。大きなファイルでもConvertifyの負荷を軽くできます。
Adobe Illustrator(.ai)ファイルがインポートされない
「Import Adobe Illustrator to Figma」オプションで.aiファイルをConvertifyにドラッグしている場合は、Illustratorで.aiファイルをもう一度開き、Create PDF Compatible Fileチェックボックスをオンにして.aiとして保存し直す必要があるかもしれません。保存し直した.aiファイルをConvertifyにドラッグすれば、インポートできるはずです。
エクスポートした画像の周りに細い白線が出る
画像によっては、縁にうっすらと細い白線が入ることがあります。レイヤーが整数のピクセル値に配置されていない場合(例:Y: 156.76やX: 56.3)、Figmaはこのような処理を行い、このサブピクセルの線が自動的にエクスポートに含まれてしまいます。解決するには、すべてのレイヤーの位置が整数のピクセル値になっていることを確認してください。
WindowsのFigmaデスクトップアプリでファイルの拡張子が空になる
Figmaデスクトップアプリ(Windowsのみ)には既知の問題があり、Figmaからの通常のファイルエクスポートでも同じことが起こります。ファイルを保存する際に「all files」というラベルが表示されることがあります。これを無視して「Save」をクリックすれば、正しい拡張子でファイルが保存され、パソコンにダウンロードされた後も通常どおり開けるはずです。それでも拡張子が空のまま保存された場合は、ファイル名を変更して正しい拡張子を手動で付け加えてください。
エクスポートした画像が粗くなる
Figmaの画像素材がまだ段階的に読み込まれている途中でファイルを変換すると、エクスポート前にFigmaファイル内で画像が完全に読み込まれていないため、ピクセル化した状態でエクスポートされることがあります。解決するには、ConvertifyプラグインでFigmaファイルを変換する前に、Figmaファイル内ですべての画像が100%読み込まれ、シャープに表示されていることを確認してください。この問題への対策として、「Downsizer」機能を使って画像塗りをレイヤーのサイズに合わせて縮小する方法もあります。ファイルサイズが小さくなり、Figmaファイルでの読み込みがずっと速くなります。
中国ではVPNが必要な場合がある
中国からご利用の場合、アカウントサーバーが「グレート・ファイアウォール」によってブロックされている可能性があります。有効なキーを使っているのにアクティベーションエラーが表示される場合は、VPNを使うと解決できることがほとんどです。
「An error occurred while loading the plugin environment」と表示される
Figmaデスクトップアプリで、Figmaのデバッグ設定Use Developer VMが誤って有効になっていると、このエラーが発生することがあります。オフになっていることを確認するには、Figmaキャンバス上の任意の場所で右クリックし、Plugins、続いてDevelopmentにカーソルを合わせ、Use Developer VMのチェックが外れていることを確認します。チェックが外れた(横にチェックマークが付いていない)状態でFigmaプラグインを再実行すれば、正常に動作するはずです。
Adobe XD
Adobe XDで再現されないFigmaの機能
以下の機能はFigmaにはありますが、Adobe XDには標準で存在しないため、Convertifyプラグインでは引き継がれません。
- 親アートボードの非表示
- 回転した親アートボード
- 「円弧」プロパティを持つ楕円
- 1つのレイヤーに複数の塗り・線
- 角丸を使ったベクターレイヤー
- グループに適用した線・塗り
- テキストレイヤーの垂直方向の配置
- ネストしたレイヤーマスク
Adobe XDのインストール
MacまたはWindowsをお使いの場合は、Creative CloudでAdobe XDをインストールする(またはこちらから直接.dmgインストーラーをダウンロードする)と、パソコンで実行できるようになります。Windows用のスタンドアロンインストーラーもオンラインで入手できます。
Adobe XDでのテキストの垂直方向の配置
Adobe XDはテキストの垂直方向の配置に対応していないため、Convertifyは(可能な場合は)上端の位置をずらすことで、垂直方向に配置したテキストを再現しようとします。
Sketch
Sketchで再現されないFigmaの機能
以下の機能はFigmaにはありますが、Sketchには標準で存在しないため、Convertifyプラグインでは引き継がれません。
- 親アートボードの非表示
- 回転した親アートボード
- 「円弧」プロパティを持つ楕円
Sketchファイルが開かない
古いバージョンのSketchを使っている場合は、(可能であれば)Sketchをアップデートすると、Convertifyからエクスポートしたファイルを最も良い状態で開けるようになります。それでも解決しない場合は、プラグインの不具合が原因の可能性があります。その場合はお気軽にご連絡ください。できるだけ早く修正を公開できるよう対応します!
Sketchでフォントが見つからない
フォントがパソコンにインストールされていない場合、Sketchの「Missing Fonts」通知をクリックして、手動でフォントを割り当て直す必要があることがあります。
Sketchでテキストが切れる
Figmaのテキストレイヤーの枠(幅・高さ)がテキスト自体のサイズより小さい場合、高さが足りなければSketchではテキストが縦方向に切れて表示され、幅が足りなければテキストが複数行に折り返されます。この問題が起きた場合は、Figmaでテキストレイヤーの幅・高さを調整し、Sketch用にもう一度エクスポートしてください。
Sketchのグループ
Sketchのグループには背景を設定できないため、ConvertifyはFigmaのデザインのグループ背景を見た目上再現するために、背景用の「長方形」レイヤーを追加します。
Sketchでの画像のトリミング
Sketchは非破壊的な画像のトリミングに対応していないため、ConvertifyはFigmaでトリミングした画像を「マスク」付きのSketchグループに変換します。元の画像全体を保持したまま、トリミングした見た目を再現します。
Sketchでの「Clip content」
Sketchのグループレイヤーには「Clip content」がないため、Convertifyは「Clip content」を有効にしたFigmaのフレームについて、グループの一番下に「マスク」レイヤーを作成し、クリップされた見た目を再現します。