[figma] 피그마 커버 또는 썸네일 지정하기

안녕하세요. 당근입니다.

오늘은 피그마 디자인 작업 공유하실 때 필요한 커버 또는 썸네일 지정에 대해서 알아볼게요.

피그마 썸네일

 

별도로 썸네일을 지정해주지 않으면 작업 링크 공유시에 피그마는 작업된 프레임들이 나열되어있는 페이지 이미지를 대표 이미지로 사용합니다.

간단히 보여드리기 위해 색깔로 채워진 샘플 파일을 만들었어요.

이렇게 말이죠.

샘플파일 썸네일

요렇게 생긴 작업파일들이 그대로 공유되는게 싫으시면 별도로 커버를 만들어서 지정해줘야해요.

피그마 썸네일

썸네일 커버를 만들어주겠습니다.

피그마 썸네일 가이드

피그마에서 알려주는대로 1920*1080 사이즈로 만들어봤어요.

 

반응형

피그마 썸네일

프레임을 선택하고 우클릭해서 Set as thumbnail 을 선택합니다.

피그마 썸네일 지정

이렇게 프레임 옆에 해당 프레임이 썸네일임을 나타내는 아이콘이 생겼어요. 확인해볼까요?

피그마 썸네일 지정

이렇게 지정한 이미지가 썸네일로 잘 표시됩니다.

그런데 작업한 프레임과 비교해보니 양옆이 살짝 잘리는 것 같아요.

그 점 고려하셔서 컨텐츠가 안으로 살짝 들어오게 디자인 하시면 원하시는 느낌을 얻으실 것 같아요.

 

만약 썸네일 지정을 취소하고 싶다면? 

피그마 썸네일 지정 취소

마찬가지로 우클릭하셔서 Restore default thumbnail 을 클릭하시면 디폴트로 돌아갑니다.

썸네일 지정도 엄청 직관적이고 쉽게 되어있죠?

 

오늘도 유용한 포스팅이었기를 바라며, 당근이었습니다.