면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.
가장 자신 있는 툴은 Figma입니다. 컴포넌트 시스템과 오토 레이아웃을 활용해서 일관성 있는 디자인을 빠르게 만드는 데 익숙합니다. 협업 기능 덕분에 개발팀과 실시간으로 소통하면서 전달 오류를 줄이는 경험을 여러 번 했습니다. Illustrator와 Photoshop은 대학 수업에서 기초를 익혔고, 이미지 편집과 아이콘 작업에는 활용할 수 있습니다.
XD는 Figma로 전환한 이후로 거의 쓰지 않지만, 기본 기능은 알고 있습니다. 툴마다 강점이 달라서, 모션 작업에는 After Effects나 ProtoPie를 보조로 씁니다. 가장 많이 쓰는 Figma를 핵심으로 두고, 필요에 따라 다른 툴을 더하는 방식으로 작업합니다.
Figma를 가장 자신 있게 쓰지만, Figma만으로는 충분하지 않은 상황도 있습니다. 세밀한 애니메이션이나 물리 기반 인터랙션을 표현할 때 Figma의 프로토타입 기능으로는 한계가 있었습니다. 실제로 스크롤에 따라 달라지는 카드 애니메이션을 Figma로 구현하려다 개발자가 의도를 오해하는 상황이 생겼고, 결국 ProtoPie로 다시 만들어 보여줘야 했습니다.
한 가지 툴만 고집하는 것이 오히려 소통 비용을 높이는 경우였습니다. 지금은 Figma를 중심에 두되, 모션 설계가 필요한 부분은 ProtoPie를 함께 씁니다. 자신 있는 툴이 있다는 것이 그 툴만 쓴다는 뜻은 아니라는 것을 그때 이해했습니다.
Figma에서 가장 많이 활용하는 기능은 컴포넌트와 오토 레이아웃입니다. 팀 프로젝트 초반에 버튼, 카드, 인풋 필드를 컴포넌트로 먼저 만들어두자, 화면을 추가할 때마다 처음부터 그리지 않아도 됐습니다. 전체 10개 화면 중 7개를 컴포넌트 조합만으로 완성했고, 디자인 수정 요청이 왔을 때도 컴포넌트 하나를 바꾸면 전체에 반영됐습니다.
Illustrator로 작업했던 시절에는 같은 버튼을 화면마다 개별로 그려야 해서 수정 때마다 일일이 찾아야 했습니다. Figma로 전환한 이후 그 과정이 사라졌고, 실제로 디자인에 쓰는 시간이 늘었습니다. 툴의 차이가 작업 방식 자체를 바꾼다는 것을 경험으로 이해했습니다.
같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.
진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.