Figma에서 슬라이스 도구 사용하는 방법

아이콘, UI 요소 또는 섹션처럼 디자인의 특정 부분을 내보내는 방법을 Figma 슬라이스 도구로 익혀보세요. 이 빠른 튜토리얼을 따라 하고 Trupeer로 가이드를 만들어 보세요.

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

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

무료로 만들기

Step-by-Step Guide: How to Use the Slice Tool in Figma

Step 1

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

Step 2

From the available options, select the slice option to activate the tool.

From the available options, select the slice option to activate the tool.

Step 3

Using your mouse, select the object you want to slice.

Using your mouse, select the object you want to slice.

Step 4

Click on the export option to proceed further.

Click on the export option to proceed further.

Step 5

You will be presented with an option to export the slice.

You will be presented with an option to export the slice.

Figma에서 슬라이스 도구를 사용하는 프로 팁

  1. 단축키로 빠르게 활성화
    키보드에서 S를 눌러 메뉴를 거치지 않고 슬라이스 도구를 즉시 활성화하세요.

  2. 슬라이스에 명확한 이름 붙이기
    내보내기 전에 레이어 패널에서 각 슬라이스에 설명이 포함된 이름을 지정하세요. 이렇게 하면 내보낸 파일을 체계적으로 관리하는 데 도움이 됩니다.

  3. 일괄 내보내기에 슬라이스 활용
    디자인의 서로 다른 영역에 여러 슬라이스를 배치한 다음 한 번에 모두 내보내면 더 빠르게 에셋을 만들 수 있습니다.

  4. 픽셀 그리드에 슬라이스 정렬
    선명한 내보내기를 위해 슬라이스 경계가 전체 픽셀에 맞춰져 있는지 확인하세요. 픽셀 그리드(Ctrl + ‘ / Cmd + ‘)를 사용해 정렬 상태를 확인합니다.

  5. 내보내기 프리셋과 함께 사용
    슬라이스용 내보내기 프리셋(예: PNG @2x, JPG)을 설정해 두면, 매번 조정하지 않고도 설정을 재사용할 수 있습니다.

자주 발생하는 실수와 이를 피하는 방법

  1. 필요 이상으로 전체 화면에 슬라이스 사용
    전체 프레임을 내보내는 데 슬라이스가 꼭 필요하지는 않습니다. 시간을 절약하려면 프레임에서 내보내기 옵션을 바로 사용하세요.

  2. 슬라이스 경계가 어긋남
    슬라이스가 픽셀 그리드에 맞지 않으면 내보낸 결과가 흐릿하게 보일 수 있습니다. 내보내기 전에 항상 그리드 정렬을 확인하세요.

  3. 슬라이스 레이어를 선택하지 않음
    슬라이스 레이어를 선택하지 않고 내보내기를 시도하면 작동하지 않습니다. 레이어 패널에서 슬라이스 자체가 강조 표시되어 있는지 확인하세요.

  4. 실수로 슬라이스가 겹침
    겹치면 중복되거나 혼란스러운 내보내기가 발생할 수 있습니다. 의도한 경우가 아니라면 슬라이스를 분리해 두세요.

  5. 배경을 확인하지 않고 내보내기
    슬라이스는 그 아래에 있는 내용을 정확히 캡처합니다. 배경이 선택 항목에 포함되지 않으면 내보낸 파일이 불완전할 수 있습니다.

Figma에서 슬라이스 도구를 사용하는 방법에 대한 자주 묻는 질문

  1. 슬라이스 도구는 무엇에 사용하나요?
    레이아웃에 영향을 주지 않고 디자인에서 특정 내보내기 영역을 정의할 수 있습니다. 아이콘, 버튼 또는 맞춤 섹션을 내보낼 때 특히 유용합니다.

  2. 슬라이스를 만든 후 크기를 조정할 수 있나요?
    네, 슬라이스는 도형처럼 편집할 수 있습니다. 모서리를 드래그하거나 속성 패널에서 치수를 조정하세요.

  3. 슬라이스가 디자인에 영향을 주나요?
    아니요. 슬라이스는 내보내기용 마커일 뿐이며 최종 디자인에는 표시되지 않습니다.

  4. 한 번에 여러 슬라이스를 내보낼 수 있나요?
    네. 레이어 패널에서 여러 슬라이스를 선택한 다음 함께 내보내면 됩니다.

  5. Figma의 브라우저 버전에서도 슬라이스를 지원하나요?
    네. 데스크톱과 브라우저 버전 모두에서 슬라이스를 만들고 내보낼 수 있습니다.

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

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

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

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

  10. 화면 녹화에서 어떻게 확대(Zoom)하나요?
    화면 녹화 중 확대하려면 Trupeer AI의 줌 효과를 사용하세요. 특정 순간에 확대/축소할 수 있어 영상 콘텐츠의 시각적 임팩트를 강화합니다.

추천 읽을거리

기술 문서 생성기

사용자 매뉴얼 가이드

지식 기반 소프트웨어

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

Figma 파일 저장 방법

Figma에서 그리드 만드는 방법

Figma에서 그리드 만드는 방법

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

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

Trupeer를 무료로 사용해 보세요

데모 예약

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

Trupeer를 무료로 사용해 보세요

데모 예약

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

Trupeer를 무료로 사용해 보세요

데모 예약

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

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

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