Figma에서 GIF를 내보내는 방법

장치 링크

• 기계적 인조 인간
• 아이폰
• 맥
• 윈도우
• 장치가 없습니까?

개발자 및 디자인 게임을 다음 단계로 끌어올릴 방법을 찾고 계십니까? Figma는 사용자가 오디오, 비디오 및 애니메이션 효과로 채워진 풍부한 프로토타입을 만들 수 있는 놀라운 도구입니다. 그러나 프로토타입의 느낌과 기능을 제대로 테스트하려면 GIF로 내보내고 실제로 볼 수 있어야 합니다.

이 가이드는 PC 또는 모바일 장치를 사용하여 Figma 프로토타입을 GIF로 내보내는 방법을 설명합니다.

1. PC의 Figma에서 GIF로 내보내는 방법

Figma에서 애니메이션 GIF를 내보내는 가장 간단한 방법은 TinyImage 플러그인을 사용하는 것입니다. 플러그인을 시작하고 사용하려면 먼저 Figma 계정에 로그인하고 "커뮤니티" 섹션으로 이동해야 합니다.

플러그인 다운로드 방법:

1. 검색 상자에 "TinyImage"를 입력합니다.
   
2. "플러그인" 섹션에서 "TinyImage Compressor" 아이콘을 찾습니다.
   
3. 아이콘 옆에 있는 설치 버튼을 클릭합니다.
   

플러그인으로 GIF 만들기:

1. 플러그인 창 상단에서 “GIF 만들기” 버튼을 누릅니다.
   
2. Figma 캔버스에서 레이어를 선택합니다. GIF의 프레임 역할을 합니다.
   
3. TinyImage 창 하단에서 "선택한 레이어 사용" 옵션을 누릅니다. 선택한 순서대로 창 중앙에 레이어 슬라이드쇼가 표시됩니다.
   
4. 미리보기 아래에서 레이어 아이콘을 클릭한 다음 왼쪽 또는 오른쪽으로 드래그하여 순서를 전환합니다.
   
5. 재생 속도를 조정하려면 슬라이드쇼 아래에 있는 작은 "재생" 버튼을 누릅니다.
   
6. 시간 지연 컨트롤 옆에서 GIF가 반복되는 횟수를 선택합니다. 기본 설정은 "무한"입니다. "무한" 옵션을 클릭하여 비활성화하고 옆에 있는 상자에 원하는 루프 수를 입력합니다.
   
7. 시간 지연 및 루프 옵션 아래 필드에서 GIF 크기를 조정합니다.
   
8. 레이어에 투명한 테두리가 있는 경우 창 하단에 있는 "투명한 배경" 버튼을 눌러 GIF에 표시되도록 합니다.
   
9. 왼쪽 하단 모서리에서 GIF의 이미지 품질을 선택합니다. 레이어의 모든 기능을 보존하려면 속도를 약 80 또는 90으로 설정하는 것이 가장 좋습니다.
   
10. "디더링" 컨트롤은 "디더링 없음"으로 설정해 둡니다.
    
11. TinyImage 창 상단에 있는 "GIF 내보내기" 버튼을 누릅니다.
    
12. 프레임이 병합되어 GIF를 형성하고 자동으로 다운로드되어 다운로드 파일에 저장됩니다.

레이어링에 대한 참고 사항

레이어 축소판 위의 드롭다운 메뉴를 사용하면 레이어를 왼쪽에서 오른쪽으로 또는 오른쪽에서 왼쪽으로 재생할 수도 있습니다. 그러나 GIF의 최종 모양을 더 잘 제어하려면 프레임을 수동으로 주문하는 것이 가장 좋습니다.

재생에 대한 참고 사항

시간 측정 라인에서 버튼을 움직여 기본 재생 속도를 설정합니다. 그러나 특정 프레임의 재생 속도를 다르게 하려면 썸네일을 클릭하고 그 아래에 있는 상자에서 속도를 설정하면 됩니다.

2. 모바일 장치의 Figma에서 GIF로 내보내는 방법

Figma 프로토타입은 종종 슬라이딩 탭, 스와이프 옵션 및 드롭다운 메뉴와 같은 고급 애니메이션과 함께 제공됩니다. GIF로 저장하면 실제 디자인을 쉽게 선보일 수 있습니다. 그러나 모바일 앱에서는 사용자가 프로토타입을 미리 볼 수만 있습니다. 내장된 내보내기 지원은 없지만 앱을 화면 녹화하고 비디오를 GIF로 변환하여 문제를 해결할 수 있습니다.

iPhone의 Figma에서 GIF로 내보내는 방법

iPhone에서 프로젝트를 GIF로 저장하려면 먼저 Figma 앱을 화면 녹화하고 Shortcuts 앱으로 GIF를 만듭니다.

iPhone에서 Figma를 화면 녹화하려면:

1. Figma 모바일 앱을 실행하고 GIF로 변환하려는 프로젝트를 엽니다.
2. "설정"을 입력하고 "제어 센터"를 선택합니다.
3. "컨트롤 사용자 지정"을 선택하고 "화면 녹화" 옆에 있는 녹색 버튼을 탭하여 기능을 활성화합니다.
4. "제어 센터"로 돌아갑니다.
5. "화면녹화" 버튼을 눌러주세요.
6. 빨간색 버튼을 클릭하여 녹음을 마칩니다.

녹음은 일반적으로 사진 앱에 저장됩니다.

비디오를 GIF로 변환하기 위해 iPhone에 바로 가기 도구가 사전 설치되어 있는지 확인하십시오. App Store에서 도구를 다운로드할 수도 있습니다.

iPhone에서 비디오를 GIF 파일로 변경하는 방법은 다음과 같습니다:

1. 앱을 열고 인터페이스 하단으로 이동하여 "갤러리" 카드를 선택합니다.
   
2. 검색 메뉴 아래의 "시작 바로 가기" 탭을 누릅니다.
3. 화면 하단으로 스크롤하여 "GIF 만들기" 섹션을 클릭합니다.
   
4. GIF 바로 가기를 활성화하려면 "바로 가기 추가"버튼을 누르십시오.
   
5. 바로 가기가 설치되면 "내 바로 가기"로 돌아갑니다.
   
6. "GIF 만들기"를 탭하고 "확인"을 선택하여 앱과 사진 갤러리를 연결합니다.
   
7. 비디오를 탐색하고 GIF로 전환할 비디오를 선택합니다.
   
8. 슬라이더를 사용하여 GIF에 포함할 프레임을 선택합니다.
   
9. 변경 사항을 기록하려면 "저장"을 누릅니다. 새 GIF 파일이 태블릿의 사진 앱에 저장됩니다.
   
10. 바로 가기 앱을 종료하려면 "완료"를 클릭하십시오.
    

Android 기기의 Figma에서 GIF로 내보내는 방법

Figma 앱을 사용하면 사용자가 프로토타입을 미리 볼 수 있지만 내보낼 수는 없으므로 Android 기기에서 미리 보기를 녹화하여 나중에 비디오를 GIF로 변환할 수 있습니다.

Android에서 Figma를 화면 녹화하는 방법:

1. 앱을 실행하고 프로젝트 미리보기를 엽니다.
2. 화면 상단에서 두 번 스 와이프하고 "화면 녹화"를 선택하십시오. 표시되지 않으면 오른쪽으로 스와이프해 보세요. 때로는 숨겨진 메뉴를 표시하기 위해 화면 상단에 있는 "편집" 아이콘을 탭해야 합니다. "화면 녹화" 기능도 있을 수 있습니다.
3. 프로토타입 미리보기를 탭하여 녹화할 것임을 나타냅니다.
4. "시작" 버튼을 클릭합니다. 카운트다운이 끝나면 화면이 녹화됩니다.
5. 녹화를 중지하려면 아래로 스와이프하고 '스크린 레코더' 카드를 탭합니다.

Figma 미리보기 동영상은 Android 사진 앱에 저장됩니다. GIPHY 앱으로 GIF로 변환할 수 있습니다.

Android 기기에서 비디오를 GIF로 변환하려면:

1. 기기에 GIPHY 앱을 설치하고 실행합니다.
   
2. 가입하고 GIPHY 계정을 만드십시오.
   
3. 인터페이스의 오른쪽 상단에 있는 "만들기" 버튼을 누릅니다.
   
4. 카메라에 액세스하려면 앱을 활성화하십시오.
   
5. Android 갤러리에서 동영상을 선택하세요.
   
6. 비디오 길이를 조정합니다. GIPHY 앱을 사용하면 텍스트 및 스티커와 같은 요소를 파일에 삽입할 수 있습니다.
   
7. 앱 하단의 "화살표" 아이콘을 클릭합니다.
   
8. "GIF 공유"를 선택하고 "GIF 저장"을 선택합니다.
   

제한 없이 GIF 내보내기

당신이 숙련된 개발자든 아마추어 디자이너이든 관계없이 GIF 형식으로 다른 사람에게 자신의 작업을 편리하게 보여줄 수 있는 방법을 가질 자격이 있습니다. Figma 앱에서 창작물을 미리 볼 수 있지만 인터넷 연결이 끊어지면 디자인에 액세스하는 것이 어려운 작업이 될 수 있습니다. Figma가 사용자 친화적인 내보내기 솔루션을 출시할 때까지 기사에서 설명한 방법을 사용할 수 있습니다.

이 가이드가 사용 중인 장치에 관계없이 Figma 창작물에서 고품질 GIF를 얻는 방법을 더 잘 이해하는 데 도움이 되었기를 바랍니다.

웹 또는 모바일 버전의 Figma를 사용하십니까?

GIF를 내보내는 데 선호하는 방법은 무엇입니까? 아래 의견란에 알려주십시오.