[Figma] 피그마 텍스트 도구 사용법 완벽 가이드

피그마에서 텍스트 입력부터 폰트 설정까지

---

 

디자인에 있어서 텍스트는 소통의 핵심이라고 볼 수 있습니다.

어떤 디자인이든 글씨가 중요할 수 있기 때문이죠 피그마는 작업하는 대로 자동 저장을 지원하기 때문에 간편하게 입력해도

바로 반영이 됩니다.

처음 사용하시는 분들은 "어디서 글씨를 넣어야 하는건지?", "폰트는 어디서 바꿔야 하지?"와 같은 궁금증이 생길 수 있습니다.

그래서 오늘은 피그마 텍스트에 대해서 간단하게 알아보도록 하겠습니다.

 

텍스트 도구로 글씨 입력하기

피그마를 실행하고 일단 새 파일을 만들어주세요

그 다음 단축키 T를 투르거나 하단에 보이는 T를 눌러서 텍스트를 입력하고자 하는 영역을 설정해 주세요

그럼 아래 이미지처럼 텍스트를 입력할 수 있는 영역이 생성됩니다.

피그마 텍스트 추가하기

 

텍스트 박스를 추가했다면 클릭해서 텍스트를 입력해 주세요

그럼 아래 이미지처럼 텍스트가 입력될 거예요

피그마 텍스트 입력

 

텍스트 수정은 아래 이미지에 보이는 Typography에서 할 수 있습니다.

가장 상단에 있는 항목은 폰트를 설정하는 항목입니다.

그리고 하단에 Regular를 클릭하면 글씨를 굵게 하거나 얇게 하거나 하는 등의 조절을 할 수 있습니다.

우측에 12라고 되어 있는 부분을 클릭하면 텍스트의 크기를 키우거나 줄일 수 있습니다.

피그마는 구글 폰트와 연동되어 있기 때문에 다양한 폰트를 사용할 수 있습니다.

폰트 설정하기

 

자 그런데 제가 작성한 문장은 좌측 상단으로 정렬되어 있습니다.

이걸 예쁘게 수정하기 위해서 문단 중간, 가운데 설정으로 변경해 보도록 하겠습니다.

 

텍스트 가운데 중간 정렬

 

아까 보셨던 Typography 가장 하단에 보이는 줄 세 개, 그리고 위아래 화살표가 중앙으로 향한 게 보이실 거예요

자 일단 좌측 세 개부터 순서대로 설명하면 텍스트 좌측, 중간, 우측 정렬입니다.

그리고 우측 세 개는 상단, 중간, 하단 정렬입니다. 그리고 하단에 보이는 Line Height, Letter spacing을 활용하면 좀 더 세밀하게 조절할 수 있습니다.

 

 

Line height: 줄 간격 조절

Letter spacing: 글자 간격 조절

 

자 간단하게 텍스트를 입력하고 설정하는 걸 알아봤습니다. 그럼 이 글을 통해서 알아본 걸 정리해 보겠습니다.

피그마에서 텍스트 도구를 사용하는 방법은 의외로 쉽죠?

메뉴가 많아서 헷갈릴 수 있지만 막상 사용하는 건 쉽습니다.

• T키로 텍스트 영역 설정하기
• 속성 창에서 글꼴, 크기, 정렬, 간격 조절하기

자 그럼 간단하게 정리도 완료했으니 이번 글을 마무리해보도록 하겠습니다. 읽어주셔서 감사합니다.

궁금하신 내용이 있으시다면 하단의 링크를 참고해 주세요

 

https://bit.ly/46nLGKz

[Figma] 피그마 도형 도구(사각형, 원, 선) 사용법

 

https://bit.ly/4kI75Se

[Figma] 피그마에서 새 디자인 파일 만드는 법

 

https://bit.ly/4iUswOZ

엑셀 초보도 가능한 업무 자동화, 매크로 완전 쉽게 배우기