문제 해결

일러스트레이터 SVG 붙여넣기

피그마 오픈카톡방2026. 3. 7.

질문사항

일러스트레이터에서 작업물을 복사하여 피그마에 붙여넣기 할 때 이미지로 붙여넣어집니다. SVG로 붙여넣어지도록 해결하는 방법이 있을까요? 일러스트레이터 설정도 확인했습니다.

답변

일러스트레이터에서 복사한 작업물이 Figma에 이미지(PNG/JPG)로 붙여넣어지는 경우, 주로 원본 일러스트레이터 파일에 복잡한 효과가 적용되어 있을 때 발생합니다.

주요 원인 및 해결 방법:

복잡한 효과 사용: 매쉬 그라데이션, 3D 효과, 블러, 그림자, 복잡한 패턴, 래스터 이미지(비트맵) 등이 포함된 경우 Figma가 이를 SVG 벡터 데이터로 정확히 파싱하지 못하고 이미지로 변환하여 붙여넣을 수 있습니다.

해결: 일러스트레이터에서 해당 효과들을 제거하거나 단순화한 후 다시 시도해 보세요. 특히 래스터 이미지는 SVG에 포함될 수 있지만, Figma에서 벡터로 인식하지 못할 수 있습니다.

클리핑 마스크/복합 패스: 복잡한 클리핑 마스크나 복합 패스도 문제를 일으킬 수 있습니다.

해결: `Object > Expand` 또는 `Object > Expand Appearance`를 사용하여 객체를 확장하고, `Pathfinder` 패널을 사용하여 패스를 단순화해 보세요.

SVG 호환성 설정: 일러스트레이터에서 SVG로 저장할 때 `SVG Options`에서 `CSS Properties`를 `Presentation Attributes`로 설정하고, `Decimal Places`를 높게 설정하는 것이 좋습니다. 하지만 복사-붙여넣기 시에는 이 설정이 직접 적용되지 않을 수 있습니다.

파일로 저장 후 가져오기: 가장 확실한 방법은 일러스트레이터에서 작업물을 `.svg` 파일로 저장한 후, Figma로 드래그 앤 드롭하거나 `File > Place image/video`를 통해 가져오는 것입니다. 이 경우 SVG 옵션을 직접 제어할 수 있습니다.