Figma에서 텍스트 입력과 편집하기: 완벽 가이드

 

Figma는 간단하면서도 강력한 텍스트 작업 도구를 제공합니다. 이 글에서는 Figma에서 텍스트를 입력하고, 편집하며, 스타일을 변경하는 방법을 단계별로 소개합니다.

---

텍스트 입력 방법

1. 텍스트 도구 선택
   • 상단 툴바에서 T (Text Tool) 아이콘을 클릭합니다.
   • 단축키: T를 눌러 빠르게 텍스트 도구로 전환할 수 있습니다.
2. 캔버스에 텍스트 상자 생성
   • 원하는 위치를 클릭하면 텍스트 상자가 생성됩니다.
   • 바로 텍스트를 입력할 수 있습니다.
3. 텍스트 상자의 크기 지정
   • 특정 크기의 상자를 만들고 싶다면 드래그로 크기를 지정한 후 입력하세요.
   • 드래그 없이 클릭만 하면 자동으로 한 줄 텍스트 상자가 생성됩니다.
4. 텍스트 입력
   • 키보드를 사용해 텍스트를 입력합니다.
   • 입력 후 상자를 드래그하여 위치를 조정하거나 크기를 변경할 수 있습니다.

---

텍스트 스타일 변경

1. 텍스트 선택
   • 텍스트 상자를 클릭하거나 텍스트를 드래그하여 원하는 부분을 선택합니다.
2. 속성 패널 사용
   • Figma 우측의 속성 패널에서 아래 항목을 수정할 수 있습니다:
     • 폰트(Font): 다양한 글꼴로 변경 가능.
     • 크기(Size): 텍스트 크기 조정.
     • 굵기(Weight): 텍스트 두께를 조정.
     • 색상(Color): 텍스트 색상을 변경.
     • 정렬(Alignment): 좌측, 중앙, 우측 정렬 설정.
     • 간격 조정:
       • 문자 간격(Letter Spacing): 글자 간 간격 조정.
       • 줄 간격(Line Height): 줄과 줄 사이의 간격 조정.
3. 텍스트 스타일 저장
   • 자주 사용하는 스타일을 Text Styles로 저장해 작업 효율을 높일 수 있습니다.

---

추가적인 텍스트 작업 기능

1. 텍스트 복사/붙여넣기
   • 외부 프로그램에서 텍스트를 복사해 Figma에서 Ctrl/Cmd + V로 붙여넣기 가능합니다.
2. 멀티라인 텍스트
   • 텍스트 상자의 크기를 조정하면 여러 줄로 자동 줄바꿈이 적용됩니다.
3. 리치 텍스트 설정
   • 텍스트 상자 내에서 특정 단어나 문장의 색상, 굵기를 개별적으로 조정할 수 있습니다.

---

Figma 텍스트 작업 팁

1. 단축키 사용:
   • 텍스트 도구로 전환하거나 정렬, 크기 변경 등의 작업을 빠르게 처리할 수 있습니다.
2. 폰트 관리:
   • 팀에서 특정 폰트를 사용할 경우, Organization 플랜을 통해 사용자 정의 폰트를 업로드할 수 있습니다.
3. 레이어 관리:
   • 텍스트 상자에 적절한 이름을 지정하면 프로젝트 관리가 더 편리해집니다.

---

결론

Figma의 텍스트 도구는 사용법이 간단하지만, 다양한 스타일과 기능을 제공하여 복잡한 작업도 가능하게 합니다. 텍스트 입력부터 스타일 저장까지, 위의 단계를 따라 작업 속도를 높이고 디자인을 더욱 효과적으로 완성해 보세요!

---