Figma에서 같은 폰트 스타일이 적용된 텍스트 찾기 (특정 스타일이 적용된 요소 전체 검색) - Same Text Style Finder

유용한 협업툴 Figma

시안 전체 중에 특정 폰트가 어디에 얼마나 들어가 있는지 찾아야 할 때

피그마 플러그인 Same Text Style Finder를 통해

특정 text style이 적용된 요소를 레이어 하나하나 볼 필요 없이 한 번에 검색할 수 있다.

좌측 상단의 파란 메뉴에서 Plugins -> Manage plugins를 클릭한다.

검색창에 Same Text Style Finder를 입력하고 이 플러그인을 클릭해 실행해 준다.
그러면 이렇게 Plugins에 Same text style finder가 추가가 된다.

이 플러그인을 실행하면 아래와 같은 창이 나타난다.

첫번째 셀렉트박스를 클릭하면 현재 프로젝트 내에 사용된 폰트들을 확인할 수 있다.

font family, font weight, font size 외에 더 세부적으로 검색도 할 수 있지만 이 세 가지만으로도 충분하다.
이 중 font family만 선택해도 검색이 가능하다.
찾고자하는 텍스트 스타일을 선택한 후 Find 버튼을 누르면 검색결과가 창 우측에 나타난다.
검색 결과 중 원하는 텍스트를 클릭하면 해당 텍스트의 위치로 화면이 이동된다

파인더에서 스타일을 직접 입력하지 않고 시안에서 원하는 텍스트를 클릭하기만 해도 자동으로 스타일이 입력되기 때문에 편하게 같은 스타일 검색이 가능하다.

아래는 움짤로 만든 예시

결과가 길면 로딩이 좀 있다

편하다!

역시 사람은 도구를 써야해