Edit 탭을 사용하면 이미지를 Figma에 삽입하거나 다운로드하기 전에 편집할 수 있어요. 왼쪽에는 도구, 가운데에는 사진, 오른쪽에는 컨트롤이 표시돼요. 왼쪽 탐색 메뉴는 Tools(Selection, Paint brush, Fill, Eraser, Crop, Retouch), Adjustments(Adjust), Finishing(Filters, Effects, Local AI)으로 묶여 있어요. Selection에는 객체 감지, 마술봉, 사각형, 타원, 올가미, 브러시 선택이 포함돼요. 색상 견본 옆의 Pick으로 이미지에서 색상을 추출할 수 있어요.
영상 튜토리얼: Figma에서 이미지 편집
이미지 열기
- Figma Design 파일에서 TinyImage를 열고 Edit를 선택하세요.
- 지원되는 이미지 파일을 열려면 Open image from computer를 선택하고, Figma 레이어를 쓰려면 레이어를 선택한 뒤 Use selected Figma layer를 선택하세요. 이미지를 열기 전에는 메인 헤더에 Open project, Save project, Batch edit만 표시돼요. 이미지를 연 뒤에는 메인 헤더에 더 짧은 레이블인 Open from computer와 Use Figma layer가 표시돼요. 레이어 하나를 선택했다면 바로 열리고, 소스가 여러 개라면 편집할 이미지를 선택하세요.
- 여러 레이어를 선택해 소스 선택 창이 나타나면 original image 채우기나 rendered layer를 고른 다음 Open selected image를 선택하세요.
선택한 레이어가 없으면 Use selected Figma layer가 비활성화돼요. 다른 이미지나 프로젝트를 열면 현재 이미지와 편집 내용을 바꾸기 전에 확인을 요청해요. 계속 작업하려면 취소하고, 작업 내용을 유지하려면 먼저 프로젝트를 저장하세요.
원본 이미지는 Figma의 색상 조정이 적용되지 않은 소스 픽셀을 사용해요. 렌더링된 레이어에는 Figma 조정과 다른 콘텐츠를 포함해 레이어에 보이는 모습이 그대로 담겨요. 바꿀 수 있는 것은 원본 이미지 채우기뿐이에요. 로컬 파일, 렌더링된 레이어, 다시 연 프로젝트는 새 이미지로 삽입할 수 있어요.
Layers로 편집 관리하기
오른쪽 패널 위쪽의 Layers 탭을 선택하면 조정, 마스크, 효과를 한눈에 볼 수 있어요. 편집 항목 옆의 눈 아이콘을 사용하면 설정을 그대로 둔 채 아래 이미지와 비교할 수 있어요. 이름을 클릭하면 해당 컨트롤이 열려요. 표시 여부 변경은 실행 취소/다시 실행과 저장된 프로젝트에 반영되며, 숨긴 편집은 결과물에서 제외돼요. 바로 옆의 History 탭에서는 이전 편집 상태로 이동할 수 있고, Properties를 누르면 현재 도구의 컨트롤로 돌아가요. Layers, History 및 프로젝트를 참고하세요.
로컬 AI 도구
도구 사이드바에서 Local AI를 선택한 다음, Boost resolution으로 이미지를 업스케일하거나 Remove background로 배경이 투명한 누끼 이미지를 만드세요. 두 도구 모두 기기에서 100% 로컬로 실행돼요. 어느 작업이든 처음 클릭하면 모델을 자동으로 다운로드한 뒤 이미지를 처리하며, 이미지는 외부 서비스에 업로드되지 않아요. 모델은 플러그인이 열려 있는 동안 계속 사용할 수 있어요.
자세한 단계는 해상도 향상과 배경 제거를 참고하세요. 결과를 Figma에 삽입하거나 다운로드할 수 있어요. 투명도를 유지하려면 PNG를 사용하세요.
편집 가이드
캔버스 오른쪽 위의 After, Before, Compare 전환 버튼으로 편집 결과를 확인하세요. Before를 클릭하면 편집 전 이미지로 전환되고, 다시 클릭하면 편집된 화면으로 돌아와요. Before를 길게 누르면 잠깐 볼 수 있고, \를 눌러 전환할 수도 있어요. 로컬 처리 후에는 해당 작업 바로 전의 이미지를 보여 줘요. 어떤 확대 수준에서든 Space를 누른 채 캔버스를 드래그하면 화면을 이동할 수 있어요. 캔버스 아래의 확대/축소 메뉴에서 Fit이나 비율을 선택하세요.
지원되는 업로드 형식
Open image from computer는 다음 이미지 형식을 지원해요.
| 형식 | 파일 확장자 |
|---|---|
| PNG | .png |
| JPEG | .jpg, .jpeg |
| WebP | .webp |
| GIF | .gif |
| BMP | .bmp |
| AVIF | .avif |
| TIFF | .tif, .tiff |
| HEIC / HEIF | .heic, .heif |
| 카메라 RAW | 아래 확장자를 참고하세요. |
지원되는 카메라 RAW 확장자는 .dng, .cr2, .cr3, .crw, .nef, .nrw, .arw, .sr2, .srf, .raf, .orf, .rw2, .pef, .rwl, .srw, .x3f, .3fr, .fff, .iiq, .kdc, .dcr, .mos, .mrw, .erf, .raw예요.
RAW 지원 여부는 카메라와 압축 형식에 따라 달라요. 지원되는 확장자라고 해서 모든 카메라 변형을 열 수 있는 것은 아니에요. 지원되지 않거나 손상된 파일을 열어도 현재 편집 세션은 그대로 유지돼요.
RAW 이미지는 카메라 화이트 밸런스와 방향을 사용해 로컬에서 현상된 뒤, 편집을 위해 8비트 sRGB 이미지로 변환돼요. 편집기는 내장된 썸네일이 아니라 현상된 센서 이미지를 사용해요. 이 기능은 이미지 편집 워크플로라서 RAW 센서 데이터를 보존하거나 RAW로 내보내지는 않아요. 저장된 프로젝트에는 변환된 이미지가 보관돼요.
GIF는 정지 이미지로 열리고, 여러 페이지로 된 TIFF는 첫 번째 전체 이미지를, HEIC/HEIF 파일은 기본 이미지를 사용해요. TIFF RGB와 그레이스케일 이미지는 8비트 또는 16비트일 수 있으며, 편집과 내보내기에는 8비트 픽셀을 사용해요. 지원되지 않는 TIFF 픽셀 구조는 오류를 표시해요. 가져온 파일의 원본 메타데이터와 색상 프로필은 유지되지 않아요.
디코딩은 플러그인 안에서 로컬로 이뤄져요. 업로드 한도는 64MB이고, 디코딩된 이미지 한도는 24메가픽셀이에요. 이보다 큰 RAW 파일은 열기 전에 크기를 줄이거나 변환해야 해요.
편집기 창 크기 조정
Edit 탭은 처음에 1120 × 780픽셀로 열려요. 오른쪽 아래 핸들을 드래그해 너비와 높이를 바꾸세요. 최소 너비는 Edit 탭 기본 너비와 같은 1120픽셀이에요. 핸들에 포커스가 있을 때 화살표 키를 누르면 10픽셀씩, Shift를 누른 채로 누르면 50픽셀씩 크기가 바뀌어요. TinyImage는 편집기 크기를 기억하고, 다른 탭을 선택하면 일반 또는 확장된 창 크기로 되돌려요.
이미지 한도
편집기는 기기의 그래픽과 메모리 성능에 따라 최대 24메가픽셀의 이미지를 지원해요. 편집기가 시작되지 않으면 하드웨어 가속을 켜거나 Chrome에서 Figma를 사용해 보세요. 이미지가 표시되지 않으면 더 작은 소스를 사용해 보세요. 미리보기는 편집이 매끄럽도록 더 작은 이미지를 사용할 수 있지만, 내보낸 이미지는 자른 영역의 전체 해상도를 사용해요.
이미지 편집 결과는 래스터 이미지예요. 편집 가능한 Figma 조정 레이어가 아니에요.
편집 범위
편집기는 래스터 이미지에서 작동해요. 레이어가 있는 PSD 파일은 편집하지 않아요. 편집 내용은 결과를 삽입하거나, 바꾸거나, 다운로드하기 전까지 편집기 안에만 남아 있어요. 처리는 기기에서 이뤄지며, 일부 도구는 처리 모델을 먼저 다운로드해요.