피그마 피디아
피그마 관련 정보
월간 피그마
UXUI 공부
피그마 실무Q&A
운영 가이드
콘텐츠 작성 가이드
무료 애니메이션 툴 phase 소개
유용한 피그마 플러그인
피그마 용어 사전
Mac 단축키 리스트
Win 단축키 리스트
월간 피그마 아카이빙
월간 피그마 문의채널
키오스크 맛집 탐방
UXUI 아티클
UXUI 용어정리
기술&디자인 블로그
Share
피그마 피디아
피그마 실무Q&A
운영 가이드
콘텐츠 작성 가이드
무료 애니메이션 툴 phase 소개
피그마 관련 정보
유용한 피그마 플러그인
피그마 용어 사전
Mac 단축키 리스트
Win 단축키 리스트
월간 피그마
월간 피그마 아카이빙
월간 피그마 문의채널
UXUI 공부
키오스크 맛집 탐방
UXUI 아티클
UXUI 용어정리
기술&디자인 블로그
Variable width stroke 사용 케이스 정리
글 작성일
2025/07/02
링크
질문 카테고리
피그마 소식 업데이트
1 more property
안녕하세요. Variable width stroke 기능 사용해보셨나요? 새 기능 덕분에 이제 피그마로 표현할 수 있는 그래픽 폭이 더욱 넓어졌는데요. 제가 사용해보고 느낀 사용케이스 정리해서 공유드립니다.
width profile : stroke settings에서 Variable width stroke 적용된 몇가지 프리셋으로 간편하게 사용할 수도 있습니다.
사용 제한 : solid와 brush 스트로크\에서는 사용이 가능하지만, dash와 dynamic 스트로크에서는 사용이 불가합니다.
width point 이동 & 삭제 가능 : width point는 드래그로 이동 시키고, delete 키로 삭제가 가능합니다.
위치 반전 : path의 앤드포인트에 Variable width stroke가 걸려있고 내부에도 width point가 있는 상태로 패스를 연장하면 양 쪽 width가 반전 됩니다.
custom stroke 시각적으로 풀림 : custom stroke(ex. 사각형 중 오른쪽만 스트로크처리)에 Variable width stroke 적용하면 custom stroke가 풀리고 전체 스트로크가 살아남 (수치는 그대로나 시각적으로 풀린것처럼 보임)