00%
Loading...

LOGO

GRAPHIC

Figma、Adobe Illustrator、Affinity Designer間のコピーペースト互換性

デザインの進化する世界で、Figmaは強力なツールとして台頭してきました。その共同作業機能と堅牢な特性から、Figmaが多くのウェブデザイナーの主要ツールになっているのは驚きではありません。しかし、ツールの一部の制限のため、デザイナーはよくFigmaの外でアートワークを作成し、それらをAdobe Illustrator CCやAffinity Designerのようなソフトウェアで作成します。これにより、アートワークをFigmaに再度インポートする必要があり、これらのプラットフォームのシームレスな互換性が重要となります。

ラウンド01: グラデーションカラーのベクターオブジェクト

Round 1 AI to Designer
Adobe Illustrator CC to Affinity Designer
Round 1 AI to Designer Color
Gradients, color codes, is impeccably maintained.
Round 1 AI to Figma
Adobe Illustrator CC to Figma
Round 1 AI to Figma Color
Gradients, color codes, is impeccably maintained.
Round 1 Designer to Figma
Affinity Designer to Figma
Round 1 Figma Layout result

グラデーションカラーを用いたベクターオブジェクトをこれらのプラットフォーム間で転送するプロセスは直感的で正確です。Adobe Illustrator CCからAffinity DesignerまたはFigmaへ移動する場合でも、グラデーション、カラーコードを含めた再現性は非常に優れています。同様に、この点においてAffinity DesignerはFigmaとの互換性を証明しています。

ただし、Adobe Illustrator CCとAffinity DesignerからFigmaへインポートする際のレイヤーの複雑さには違いがあります。Affinity Designerはやや複雑なレイヤー構造を生成する傾向があるようです。

ラウンド02: ライブテキスト

Round 2 Live text AI to Designer
Adobe Illustrator CC to Affinity Designer
Round 2 Live text Designer Figma
Affinity Designer to Figma
Round 2 Live text AI to Figma
Adobe Illustrator CC to Figma
Round 2 Live text AI to Figma 2
Adobe Illustrator CC to Figma text became an image

ライブテキストに関しては、Adobe Illustrator CCとAffinity Designerは互換性があります。しかし、Adobe Illustrator CCからFigmaにライブテキストをコピーすると、テキストはビットマップイメージに変換され、Figmaでは編集できなくなります。逆に、Affinity DesignerからFigmaにライブテキストをコピーすると、そのような問題はありません。

ラウンド03: 異なる重みのストローク

Round 3 Stoke Ai to Designer
Adobe Illustrator CC to Affinity Designer
Round 3 Stoke Ai to Figma
Adobe Illustrator CC to Figma
Round 3 Stoke Designer to Figma
Affinity Designer to Figma

これらのプラットフォーム間でストロークの重みの互換性は優れています。Adobe Illustrator CCからAffinity DesignerやFigmaに、またはAffinity DesignerからFigmaにコピーして貼り付けても、色とストロークの重みは完全に同じままです。

注意すべき重要な ポイント

残念ながら、現在はFigmaからAdobe IllustratorやAffinity Designerに何かをコピーすることはできません。これは将来のアップデートで対応されることを願っています。

結論

Figma、Adobe Illustrator CC、およびAffinity Designer間の互換性はデザインプロセスにおいて重要な役割を果たしており、これらのニュアンスを理解することで、よりスムーズで効率的なワークフローが実現可能です。ソフトウェアの更新と改善が続けられることで、将来的にはよりシームレスなデザインのコラボレーションを楽しみにしています。

Figma: www.figma.com
Affinity: www.affinity.serif.com
Adobe CC:www.adobe.com

Share Post:

Stay Connected

More Updates

僕の絵本制作の裏側

Behind the Scenes: The Making of My Illustration eBook The eBook Assembly Line Creating an eBook is a meticulous process involving several key steps. My