動画チュートリアル：Adobe IllustratorをFigmaにインポートする

この動画では、Convertifyプラグインを使って、Adobe Illustrator（.ai）ファイルをFigmaに自動インポートする方法を説明しています。

Adobe Illustrator（.ai）ファイルのデザインをFigmaにインポートするには、Import into Figmaタブをクリックし、ワークフローセレクターからImport Adobe Illustrator to Figma (Beta) を選びます。次に、パソコン上の任意の場所から.aiファイルをConvertifyプラグイン内のドロップエリアにドラッグ＆ドロップすると、Figmaへのインポートが始まるので、完了するまで待ちます。

デフォルトでは、Illustratorファイルは静的なJPG画像のフレームとしてインポートされます。ベクターレイヤーのデータが必要な場合は、Illustratorファイルをインポートする前に、プラグインでImport Artboards as Vector Layersトグルを有効にしてみてください。

Illustratorファイルがまったくインポートされない場合は、Adobe Illustratorで.aiファイルを開き、PDF compatibleチェックボックスが有効になっていることを確認して、新しいIllustratorファイルとして保存し直す必要があるかもしれません。

編集可能なIllustratorレイヤーをインポートする

Illustratorのインポートはベータ版です。Import Artboards as Vector Layersを有効にしてから、Import Illustrator layers (Beta) を有効にすると、対応している編集可能な構造をインポートできます。インポート時の警告を確認し、テキスト、マスク、画像、効果をIllustratorと見比べてください。Illustratorのすべての機能に、Figmaで編集可能な同等の機能があるわけではありません。

逆方向に変換するには、FigmaからAdobe Illustratorへのエクスポートをご覧ください。