피그마와 피그잼(FigJam)

게시 2023/08/28

By SouthGlory

6 분읽는 시간

근래에 피그마로 앱 UI 프로토타입을 디자인하면서 그 편리함에 많이 감탄하고 있는데요, 이번에는 좀더 근원적인 아이디어 단에서 구상하는 단계는 피그마로 할 수 없을까.. 하고 아쉬워하다가 피그잼을 한 번 사용해보았습니다. 피그마에서 'New Design file'을 누르면 피그마 draft를 생성하지만, 'New FigJam file'을 누르면 피그잼 draft를 생성합니다.

피그잼은 이렇게 생겼습니다.

왼쪽에서 탬플릿을 누르면 미리 생성되어 있는 템플릿이 오른쪽 캔버스에 바로 나타납니다. 템플릿을 오른쪽 사진처럼 클릭을 해서 수정할 수도 있습니다.

피그잼 기능(템플릿 가져오기)

저는 템플릿 보다는 빈 draft 캔버스에 직접 작성하는 것을 선호합니다.

아래의 파레트(?) 에서 직접 클릭, 드래그 해서 가져다 써도 되고, rectangle같은 경우는 r을 누르면 되고, text는 t, sticker는 s, section은 shift+s, 등 단축키도 정말 편하게 쓸 수 있습니다. (심지어 저는 따로 검색해보지 않고도 rectangle 단축키를 맞췄습니다.ㅋㅋ 쉽죵)

shape간에는 화살표를 이어서 연결도식도를 만들어 낼 수도 있습니다.

피그잼 기능(도형 그리기, 텍스트 넣기)

다음과 같이 섹션을 나눠서 피그마의 frame의 역할처럼 쓸 수도 있습니다.

저는 다음과 같이 사용을 해봤습니다. 사용 예시로는 'recorder'와 'player'를 가지는 scene의 컨셉을 도식도로 나타내보았습니다.

사용해본 소감은…

위의 내용 외에도 이틀 동안 정말 많이 사용해보았는데요, 소감을 말씀드리자면,

'나에게 크기 제한이 없는 스케치북이 생겼다.' '정말 편리하기 때문에 아도비에서 계속 피그마를 유지관리하고 서비스 해주었으면 좋겠다.'

이렇게 두 가지입니다.

보통 많은 분들이 떠오르는 아이디어를 정리하고 적을 노트를 가지고 계실텐데요, 아니면 영화나 드라마처럼 화이트보드/블랙보드를 하나 장만해서 벽에 걸어놓고 쓰실 것 같습니다. 저도 벽에 붙이는 블랙보드와 마커를 사서 방에 붙여놨었는데요, 괜히 여러 결심들을 적어놓고 잘 지워지지 않아 지우지 않았다가 나중에 굳어서 지우는데에 애를 먹었던 적이 있습니다. 그래서 다음으론 컴퓨터로 아이디어를 정리하곤 했는데, ppt를 사용했습니다. 그런데 ppt의 큰 단점은 바로 슬라이드 화면의 크기가 정해져 있다는 점, 그리고 프로젝트에 너무 많이 이미지를 넣으면 프로그램이 느려지는 점입니다. 또, 저장해놓은 ppt를 나중에 어디있는지 까먹기도 하는 문제도 있엇..네요 ㅎㅎ

피그잼은 한 draft에 굉장히 많은 정보를 저장할 수 있기 때문에 그러한 문제에서 한결 자유로웠습니다. 그리고 이미지도 많이 가져다 놓을 수가 있습니다.(다만 그래서 그런지 가끔 살짝 버벅임이 있기는 합니다 ㅋㅋ..)

아래 사용예시는 제가 문득 녹음기 앱들은 어떤 것들이 있는지 갑자기 궁금해졌어서 스마트폰으로 캡처했던 파일들을 옮겨본 결과입니다. 모든 이미지들이 폴더에서 깔끔하게 draft로 옮겨와지네요. ^ ^