피그마에서 같은 텍스트 스타일 (폰트, 사이즈, 굵기) 한번에 수정하는 법!

피그마에서 같은 텍스트 스타일을 한번에 선택하고 수정하는 방법은 여러가지가 있다.

1. Parent Component (부모 컴포넌트)를 수정한다. 이건 미리 생성해둔 컴포넌트를 사용했을때만 가능한 방법이다.

2. 텍스트 내용까지 동일한 경우, 피그마 신규 기능인 매칭 레이어 툴을 사용하여 한꺼번에 선택이 가능하다.

3. 플러그인을 활용한다!

 

오늘은 Select Similar Text 플러그인을 활용하여 피그마에서 동일한 텍스트 스타일 (폰트, 사이즈, 굵기)을 가진 텍스트를 한번에 선택하여 수정하는 방법을 알아보겠다.

---

 

1. 먼저 텍스트를 입력한다.

텍스트 입력

 

 

2. Select Similar Text 플러그인을 검색하여 Run 한다.

Select Similar Text 플러그인 검색

 

 

3. 플러그인을 실행하면 텍스트의 폰트 사이즈, 굵기, 폰트명이 표시된다.

Select Similar Text 플러그인 실행

 

 

4. 다양한 텍스트 스타일의 문구를 추가한다.

텍스트 추가

 

 

5. 첫번째 문장을 선택한 후 Similar Text Selector 플러그인을 실행한다.

아래와 같이 Same Size, Same Weight, Same Family (사이즈, 굵기, 폰트)를 체크한 후 플러그인을 돌렸더니, 세가지 조건이 모두 동일한 텍스트만 선택되었다.

 

Similar Text Selector 결과

 

 

6. 선택된 텍스트의 색상을 바꿔본다.

같은 텍스트 스타일의 문구의 색상도 함께 변경된 것을 확인할 수 있다.

Similar Text Selector 색상 변경

 

 

컴포넌트가 아니거나 특정 굵기나 사이즈의 폰트만 선별하여 수정하고 싶을 때, Similar Text Selector을 활용하면 빠르게 작업할 수 있다. 알아두면 언젠가는 유용하게 쓸 플러그인이니 북마크 해두는걸 추천한다.