swap text styles

텍스트 스타일을 교체합니다

이것은 다른 글꼴 패밀리의 사용이 주어진 디자인에 어떻게 나타나는지 테스트하기위한 개인 Figma 플러그인입니다. 로컬 텍스트 스타일을 사용하여 글꼴 패밀리 및 스타일링을 식별합니다. 누구나 이것을 복제하고 파일에서 테스트 할 수 있습니다.

사용 방법

이 플러그인은 교환을위한 텍스트 스타일에 의존합니다. 시작하려면 :

1. 탐색하려는 각 글꼴 패밀리에 대한 텍스트 스타일을 만듭니다. 계층 구조 (헤딩 1, 헤딩 2 등)가 있어야합니다.
2. 텍스트 스타일 중 하나를 사용하여 디자인을 만듭니다
3. Figma 플러그인을 실행할 환경 설정 (Figma의 문서 참조)
4. 코드의 다음 영역을 필요로 바꾸십시오.

• 코드의 16-74 행에 글꼴 패밀리와 스타일을 추가하십시오.
• 코드에서 93-271 행에 스타일 ID를 추가하십시오. Figma에서 콘솔을 열고 Figma.getLocalTextStyles ()를 실행 한 다음 각 노드의 ID를 확인하여 파일에서 찾을 수 있습니다.
• 코드에서 291-353 행에서 스타일을 조정하십시오.
• UI.html의 5-13 행에서 언어를 조정합니다.

5. 프레임을 선택하고 플러그인을 실행하십시오!

데모

내 파일의 경우 1 개에서 작은 바디에 이르기까지 9 개의 글꼴이 있습니다. 이 예는 Noto Sans에서 Tahoma로 뒤집는 것을 보여줍니다.