인프런 커뮤니티 질문&답변

한나님의 프로필 이미지
한나

작성한 질문수

피그마 배리어블을 활용한 디자인 시스템 구축하기

아이콘 등록 방법-아이콘 색상 변환

해결된 질문

작성

·

179

·

수정됨

1

안녕하세요:D 항상 좋은 강의 감사합니다! 😄
아이콘 등록방법 강의회차 마지막쯤 알려주신 Component sets 예시 버튼 안에 들어가는 아이콘의 색상이 변경이 되기 위해 union적용을 알려주셨는대요
제가 강의를 듣기 전에 만들었던 아이콘을 변환 후 압축만 해버려서 vector로 되어있는 상태인데 이 상태에서 union 적용시키는 방법이 있을까요?ㅠㅠ
상단 메뉴에 union으로 변경시킬 수 있는 버튼이 활성화가 되어지지 않아 다른 방법이 혹시 있을지 궁금해서 질문남기게 되었습니다
스크린샷 2024-05-06 오후 6.08.43.png

답변 1

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

안녕하세요, 조한나님 이 경우는 Outline stroke를 하신 다음 Flatten Selection을 이미 하신 것 같은데, 이 경우는 다시 되돌릴 수 없을 것 같습니다.

 

추천 드리는 방법은 원본을 다시 다운로드 받으셔서 연습해보시는 방법을 추천드리구요.

그리고 기존의 만드신 것도 그대로 사용하셔도 무방할 것 같습니다.

만약 PNG로 뽑는 경우는 크게 차이는 나지 않습니다. 하지만 SVG로 뽑아내는 경우 현재 하신 방법은 Path가 두개로 쪼개져서 나오는 반면 Union을 하면 하나로 나옵니다. 그래서 현재 하신 방법이 용량이 100kb 정도 더 나오는 경우가 있습니다.

 

하지만 이것을 제외하고는 피그마에서는 거의 비슷한 편입니다.

한나님의 프로필 이미지
한나
질문자

넵 ㅠㅠ 감사합니다:D

한나님의 프로필 이미지
한나

작성한 질문수

질문하기