상세페이지 GIF 추출

About this plugin

동영상이 포함된 디자인을 글자와 배치 그대로 GIF로 저장하세요. 원본 MP4를 직접 선택하며, 보이는 동영상 1개가 들어 있는 프레임을 지원합니다. 최대 15초 구간, 입력 200MB 이하, 출력 폭 최대 1000px이며 계산량에 따라 제한됩니다. 첫 GIF 생성 성공부터 24시간 무료 체험, 이후 $4 일회성 구매입니다. 자동 결제되지 않습니다. 실패하거나 취소된 변환은 체험을 시작하지 않으며 체험 중 만든 GIF는 계속 사용할 수 있습니다. 체험 기록은 현재 기기의 Figma 저장소에 보관됩니다. 영상 변환은 컴퓨터 안에서 처리하고 외부 서버로 업로드하지 않습니다. 구매 확인은 Figma Payments를 사용합니다.-영상과 글자, 배경이 함께 들어 있는 디자인을 하나의 움직이는 GIF로 저장하세요. 영상만 GIF로 변환할 수도 있습니다.#필요한 것・영상과 글자, 배경이 함께 들어 있는 Figma 프레임 하나・그 디자인에 사용한 원본 동영상 파일(MP4 권장)디자인은 Figma 프레임에서, 움직이는 장면은 원본 동영상에서 가져옵니다. 디자인 전체를 추출할 때는 두 가지가 모두 필요해요.#상세페이지 GIF 추출 사용법1. 영상과 글자를 감싸는 프레임을 선택하세요Figma 왼쪽 레이어 목록에서 GIF로 저장할 범위 전체를 감싸는 Frame 레이어를 선택하세요. 예를 들어 영상 위에 제목이 있는 디자인이라면, 영상과 제목이 함께 들어 있는 바깥 프레임을 선택하면 됩니다.저장할 글자나 배경이 프레임 밖에 있으면 GIF에 포함되지 않습니다. 현재 버전은 한 프레임 안에 보이는 동영상 1개를 지원합니다.‘섹션’이라는 이름 때문에 헷갈리셨나요?플러그인의 ‘섹션’은 상세페이지의 한 구간을 뜻해요. Figma의 Section 도구로 만든 영역과는 다릅니다. 실제로 선택해야 하는 것은 Frame 레이어입니다.레이어 이름을 ‘프레임’으로 바꾸는 것만으로는 충분하지 않아요. 레이어 종류가 Frame이고, 그 안에 내보낼 요소들이 들어 있어야 합니다. Group이나 Section이라면 내보낼 요소들을 프레임 안에 배치해 주세요.2. 선택한 프레임을 플러그인에 불러오세요‘상세페이지 GIF 추출’을 실행하고 ‘선택한 섹션 불러오기’를 누르세요.불러온 프레임 이름을 확인하고, ‘내보낼 내용’이 섹션 전체 GIF 모드로 바뀌었는지 확인하세요.현재 버튼의 ‘섹션’은 앞에서 선택한 프레임을 가리킵니다.3. 같은 원본 동영상을 선택하세요‘동영상 선택 또는 끌어 놓기’를 눌러 디자인에 사용했던 원본 파일을 선택하세요. 플러그인 창에 파일을 끌어 놓아도 됩니다.영상을 왜 다시 넣어야 하나요?프레임을 불러오면 영상의 위치·크기·크롭과 주변 디자인을 가져옵니다. 실제 움직이는 장면은 원본 동영상 파일에서 가져와 합성해요.현재 버전은 Figma에 들어 있는 동영상 파일을 자동으로 가져오지 않습니다. 원본이 없다면 영상을 넣은 사람에게 같은 파일을 받아 주세요.파일을 선택해도 우리 서버에 영상이나 디자인을 업로드하지 않습니다. 변환은 플러그인을 실행한 사용자의 컴퓨터에서 이루어집니다.4. 원하는 구간을 GIF로 만드세요기본으로 영상의 첫 4초를 가로 600px, 12fps로 자동 변환합니다. 먼저 설정하려면 파일 선택 전에 자동 변환 체크를 끄세요.‘시작 시간’과 ‘끝 시간’은 원본 영상에서 GIF로 만들 구간입니다.・시작 0초 / 끝 4초 → 영상의 첫 4초를 GIF로 저장・시작 3초 / 끝 7초 → 영상의 3초부터 7초까지, 총 4초를 GIF로 저장설정을 바꾼 뒤에는 ‘GIF 만들기’를 눌러 다시 변환하세요. 선택 구간은 최대 15초이며, 길이·크기·프레임 수에 따라 변환이 제한될 수 있습니다.5. 결과를 확인하고 다운로드하세요완성된 GIF 미리보기에서 영상이 움직이는지, 글자와 배경이 함께 보이는지 확인한 뒤 ‘GIF 다운로드’를 누르세요. 결과가 안 보이면 플러그인 창 안에서 아래로 스크롤해 주세요.*영상만 GIF로 변환하려면프레임을 불러오는 단계 없이 ‘내보낼 내용’에서 ‘동영상만 GIF로’를 선택하고 동영상 파일을 넣으면 됩니다. 이 모드에는 Figma의 글자와 배경이 포함되지 않습니다.#자주 묻는 질문Q. 섹션 전체 모드를 선택할 수 없어요.A. 영상과 글자가 함께 들어 있는 Frame 레이어 하나를 선택하고 ‘선택한 섹션 불러오기’를 먼저 눌러 주세요. 섹션 전체 추출도 무료 체험에 포함됩니다.Q. 프레임을 불러왔는데 동영상 선택 버튼이 계속 보여요.A. 정상입니다. 프레임 불러오기는 디자인을 가져오는 단계이고, 원본 파일 선택은 움직이는 장면을 가져오는 단계입니다. 같은 원본 파일을 선택해 주세요.Q. 글자가 빠지고 영상만 저장됐어요.A. ‘내보낼 내용’이 섹션 전체 GIF 모드인지 확인하세요. 글자가 선택한 프레임 안에 들어 있는지도 확인해 주세요.Q. 용량이 너무 커요.A. 가로 크기, 선택 구간의 길이, 프레임 수를 낮춰 보세요. GIF는 소리가 없고, 형식 특성상 영상보다 용량이 커지거나 색상이 달라질 수 있습니다.Q. 다른 GIF나 Figma 모션도 함께 움직이나요?A. 현재 버전은 원본 동영상 1개를 움직이는 장면으로 합성합니다. 다른 GIF와 모션 타임라인은 정지 상태로 처리됩니다.