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

김다혜님의 프로필 이미지

작성한 질문수

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

[구] 아이콘 등록하는 방법, 그리고 팁 [10월 말 삭제 예정]

icon Outline stroke

해결된 질문

24.04.04 11:42 작성

·

234

·

수정됨

0

스크린샷 2024-04-04 오전 11.37.47.png

안녕하세요. 현재 Avatar 강의 듣고 있습니다. 위 사진처럼 아이콘을 삽입 후 크기 조절을 하니 stroke이 깨지지 않은 상태로 적용됩니다. icon Outline stroke을 해도 작동이 되지 않는데 해결 방법 있을까요?ㅜㅜ

(*강의 잘 듣고 있습니다! 내용이 너무 좋습니다! 감사드립니다~)

답변 1

0

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

2024. 04. 05. 01:48

다혜님 안녕하세요! 질문 주셔서 감사합니다.

 

우선 제가 시도해본 결과 outline stroke를 하시지 않으신것 같습니다.

https://www.figma.com/file/Qn9ZvRPc4b8CUFm6yrsCwQ/Icon?type=design&node-id=0%3A1&mode=design&t=zwHQtY0g14uMSbDo-1

 

아이콘을 작업하실 때는

  1. 여러 도형이 있는 경우 Boolean으로 결합한 후

  2. Outline Stroke를 하시고(object - outline stroke)

  3. Flatten Selection을 해주시면 됩니다.

제 노션 요약 노트에 잘 정리가 되어 있으니 한번 참고해보시고 그래도 안되시면 현재 작업중인 피그마 파일을 보내주시면 한번 레이어를 체크해보도록 하겠습니다. 우선 위에는 제가 작업해본 파일인데, 현재 보여주신 이미지와 동일한 것은 선이 면이 되지 않은 상태(outline stroke 이전)입니다.

추측으로는 현재 작업하신 파일에서 불린만 하지 않으셨나싶네요.

시도해보시고 안되시면 파일 공유 부탁드립니다.

감사합니다!

김다혜님의 프로필 이미지
김다혜
질문자

2024. 04. 05. 10:05

선생님 답변 감사드립니다~ 덕분에 잘 해결되었습니다!!👍🏻👍🏻