Figma에서 이모지 추가하는 방법

창의적이고 표현력 있는 디자인을 위해 Figma에서 이모지를 추가하는 방법을 알아보세요. 프로젝트에서 이모지를 삽입하고, 스타일을 적용하며, 맞춤 설정하는 과정을 단계별로 안내합니다.

AI로 멋진 제품 영상 & 문서를 제작하세요

이 튜토리얼은 Trupeer를 사용하여 5분 이내에 제작되었습니다.

무료로 만들기

Figma에서 이모지를 추가하려면, 내장 이모지 선택기를 사용하거나 Figma 플러그인을 활용할 수 있습니다. 이모지 선택기의 경우, 키보드 단축키 Ctrl + Command + Space (Mac) 또는 Windows + . (Windows)를 사용해 텍스트 레이어 안에서 이모지 패널을 열어 보세요. 또한 Figmoji 같은 플러그인을 사용하면 더 체계적으로 이모지 옵션과 카테고리를 탐색할 수 있습니다.

방법을 한눈에 정리해 드립니다:

1. 이모지 선택기 사용 (기본 제공):

텍스트 레이어 만들기: Figma 디자인에 텍스트 상자를 추가하세요. 
이모지 선택기 열기: 키보드 단축키 Ctrl + Command + Space (Mac) 또는 Windows + . (Windows)를 사용하세요. 
선택 및 추가: 패널에서 원하는 이모지를 선택하면 텍스트 레이어에 삽입됩니다. 

2. Figmoji 플러그인 사용:

Figmoji 설치: Figma 커뮤니티에서 Figmoji 플러그인을 검색한 뒤 설치하세요.
Figmoji 열기: 우클릭하고 Plugins > Figmoji로 이동합니다.
선택 및 추가: 플러그인 인터페이스에서 원하는 이모지를 선택하면 디자인에 추가됩니다. 

3. 프레임 이름에 이모지 추가하기:

프레임 선택: 이름을 바꾸려는 프레임을 클릭하세요. 
프레임 세부 정보 열기: 프레임 이름을 더블클릭해 편집 가능 상태로 만드세요. 
이모지 추가: 키보드 단축키 (Ctrl + Command + Space 또는 Windows + .)를 사용해 이모지 선택기를 열고, 추가할 이모지를 선택하세요. 
프레임 이름 변경: 프레임 이름의 앞 또는 뒤에 이모지를 추가해 분류할 수 있습니다. 

단계별 가이드: Figma에서 이모지 추가하는 방법

1단계

Figma 디자인 캔버스의 하단 섹션으로 이동한 다음 'Actions'를 클릭하세요.

2단계

'Figmoji'를 검색하고 제안 결과에서 선택하세요.

3단계

이제 제공된 옵션을 둘러본 다음 추가하려는 이모지를 클릭하세요.

4단계

새로 추가한 이모지를 선택한 다음 원하는 위치로 이동하세요.

5단계

다음으로 선호도에 맞게 이모지 크기를 조정하세요. 캔버스의 모서리에 있는 핸들을 잡고 드래그하면 됩니다.

6단계

이 단계를 모두 완료하면 이모지가 Figma 디자인 캔버스에 삽입됩니다.

Figma에서 이모지 추가를 위한 프로 팁

  1. Figma 파일 열기
    이모지를 삽입하려는 프로젝트 또는 디자인으로 이동하세요.

  2. 텍스트 도구 선택
    T 키를 누르거나 도구 모음에서 텍스트 도구를 클릭하세요.

  3. 캔버스를 클릭해 텍스트 상자 만들기
    디자인에서 원하는 위치에 텍스트 상자를 배치하세요.

  4. 기기에서 이모지 키보드 열기

    • Windows: Windows 키 + . (마침표) 또는 Windows 키 + ; (세미콜론)을 누르세요.

    • Mac: Control + Command + Space를 누르세요.

  5. 원하는 이모지 선택
    검색창을 사용하거나 카테고리를 둘러보며 원하는 이모지를 찾아보세요.

  6. 텍스트 상자에 이모지 삽입
    이모지를 클릭하면 Figma 텍스트 상자에 표시됩니다.

  7. 크기와 스타일 조정
    글꼴 크기를 늘리거나 글꼴 스타일을 변경하거나 정렬을 조정해 디자인과 맞추세요.

자주 발생하는 문제와 해결 방법

  1. 이모지가 제대로 표시되지 않음
    이모지가 사각형 또는 박스로 보이면 Segoe UI Emoji (Windows) 또는 Apple Color Emoji (Mac)처럼 이모지를 지원하는 글꼴로 변경해 보세요.

  2. 다른 기기에서는 이모지가 다르게 보임
    이모지는 운영체제에 따라 스타일이 달라질 수 있다는 점을 기억하세요.

  3. 이모지 크기가 텍스트와 맞지 않음
    글꼴 크기를 늘리거나 줄 높이를 조정해 이모지가 주변 텍스트와 정렬되도록 하세요.

  4. 다른 사이트에서 복사-붙여넣기가 작동하지 않음
    서식 문제를 피하려면 외부 소스에서 복사하는 대신 기기의 이모지 키보드를 사용하세요.

  5. 이모지가 흑백으로 표시됨
    일부 글꼴은 단색(모노크롬) 이모지만 지원합니다. 컬러 이모지 지원 글꼴로 전환하세요.

Figma에서 이모지 추가에 관한 자주 묻는 질문

  1. Figma에서 이모지는 어떻게 추가하나요?
    텍스트 상자를 만든 다음, 기기의 이모지 키보드를 열고 이모지를 선택한 뒤 텍스트 상자에 삽입하세요.

  2. Figma에서 이모지 색상을 커스터마이즈할 수 있나요?
    아니요. Figma에서는 기본 이모지의 색상을 변경할 수 없으며, 시스템의 기본 스타일을 따릅니다.

  3. Figma 무료 버전에서도 이모지를 사용할 수 있나요?
    네, 이모지 지원은 무료 및 유료 버전 모두에서 제공됩니다.

  4. Figma에서 이모지는 글꼴 크기에 맞춰 스케일되나요?
    네, 글꼴 크기를 늘리면 이모지 크기도 함께 커집니다.

  5. 내보낸 디자인에서도 이모지를 사용할 수 있나요?
    네, 이모지는 Figma 디자인에서와 동일하게 내보낸 이미지나 PDF에 표시됩니다.

  6. mac에서 화면 녹화하는 방법은 무엇인가요? 
    Mac에서 화면 녹화를 하려면 Trupeer AI를 사용할 수 있습니다. Trupeer AI는 전체 화면을 캡처할 수 있으며, AI 아바타 추가, 음성 해설 추가, 영상에서 확대/축소 같은 AI 기능을 제공합니다. trupeer의 AI 비디오 번역 기능을 사용하면 영상을 30+개 언어로 번역할 수 있습니다. 

  7. 화면 녹화에 AI 아바타를 추가하는 방법은 무엇인가요?
    화면 녹화에 AI 아바타를 추가하려면 AI 화면 녹화 도구를 사용해야 합니다. Trupeer AI는 AI 화면 녹화 도구로, 여러 아바타가 포함된 영상을 만들 수 있도록 도와주며, 영상용 나만의 아바타를 만드는 데도 도움을 줍니다.

  8. Windows에서 화면 녹화하는 방법은 무엇인가요?
    Windows에서 화면 녹화를 하려면 기본 제공되는 게임 바(Windows + G) 또는 Trupeer AI 같은 고급 AI 도구를 사용할 수 있습니다. AI 아바타, 음성 해설, 번역 등 더 고급 기능을 제공합니다.

  9. 영상에 음성 해설을 추가하는 방법은 무엇인가요?
    영상에 음성 해설을 추가하려면 trupeer ai 크롬 확장 프로그램을 다운로드하세요. 가입 후, 음성이 포함된 영상을 업로드하고 trupeer에서 원하는 음성 해설을 선택한 다음 편집한 영상을 내보내세요. 

  10. 화면 녹화에서 확대하는 방법은 무엇인가요?
    화면 녹화 중 확대하려면 Trupeer AI의 확대 효과를 사용하세요. 특정 순간에 확대/축소를 할 수 있어 영상 콘텐츠의 시각적 임팩트를 강화합니다.

추천 읽을거리

기술 문서 생성기

사용자 가이드 매뉴얼

지식 기반 소프트웨어

Figma에서 프레임 이름 숨기는 방법

Figma 파일 저장 방법

Figma에서 그리드 만드는 방법

Figma에서 그리드 만드는 방법

Figma에서 배경을 흐리게 하는 방법

영상 편집기, 번역가, 스크립트 작가가 필요하신가요?

Trupeer를 무료로 사용해 보세요

데모 예약

영상 편집기, 번역가, 스크립트 작가가 필요하신가요?

Trupeer를 무료로 사용해 보세요

데모 예약

영상 편집기, 번역가, 스크립트 작가가 필요하신가요?

Trupeer를 무료로 사용해 보세요

데모 예약

동영상부터 단계별 가이드까지 이 페이지의 모든 내용은 Trupeer AI를 통해 단 몇 분 만에 작성되었습니다.

동영상부터 단계별 가이드까지 이 페이지의 모든 내용은 Trupeer AI를 통해 단 몇 분 만에 작성되었습니다.

동영상부터 단계별 가이드까지 이 페이지의 모든 내용은 Trupeer AI를 통해 단 몇 분 만에 작성되었습니다.