이 질문 뒤에 면접관이 확인하려는 것은 따로 있습니다.
디자인 시스템을 활용해서 산출물을 만든 경험은 학부 팀 프로젝트에서였습니다. Figma 컴포넌트와 오토 레이아웃을 활용해서 버튼, 인풋, 카드 컴포넌트를 먼저 정의하고 화면을 조립하는 방식으로 작업했습니다. 처음에는 컴포넌트를 만드는 데 시간이 걸렸지만, 화면을 확장할 때 일관성을 유지하는 속도가 크게 빨라졌습니다. UI 구조를 레이어 계층으로 이해하고 있어서, 어떤 컴포넌트가 어떤 맥락에서 쓰이는지를 먼저 파악하고 설계합니다.
반응형 레이아웃 설계도 오토 레이아웃과 컨스트레인트를 함께 쓰면서 익혔습니다. 아직 규모가 큰 시스템은 경험이 없지만, 작은 범위에서도 시스템 사고를 적용하는 습관은 갖고 있습니다.
디자인 시스템을 활용한 방식에서 컴포넌트를 어떻게 정의하고 사용했는지를 구체적으로 말할 수 있습니다. Figma에서 버튼 컴포넌트를 만들 때 크기, 색상, 상태를 변형으로 정의해두어서 화면마다 새로 만들지 않고 조합하는 방식으로 작업했습니다. 그 구조가 있으면 디자인 방향이 바뀔 때 컴포넌트 하나를 수정하면 연결된 모든 화면에 자동으로 반영됩니다. 시스템 측면에서는 색상이나 간격을 스타일로 정의해두는 것이 각 화면에서 따로 정의하는 것보다 일관성을 유지하는 데 훨씬 유리하다는 걸 실제로 확인했습니다.
컴포넌트 기반으로 작업하면 새 화면을 만들 때 속도가 빠를 뿐 아니라 전체 일관성도 자연스럽게 유지됩니다.
팀원에게 사용 방식을 설명할 때 컴포넌트를 어떤 원칙으로 나눴는지를 먼저 공유하면 합의가 빨랐습니다.
그 경험이 디자인 시스템을 팀 도구로 만드는 방식입니다.
디자인 시스템을 만든 뒤 실제로 달라진 것을 경험했습니다. 컴포넌트 없이 작업할 때는 새 화면을 만들 때마다 같은 버튼 스타일을 다시 정의하는 경우가 있었는데, 컴포넌트 라이브러리를 만들고 나서 같은 반복 작업 시간이 줄었습니다. 일관성 측면에서는 개발팀에 전달했을 때 버전마다 버튼 크기가 달랐던 문제가 컴포넌트 통일 이후 감소했습니다. 또 전체 색상을 바꾸는 작업이 필요했을 때 스타일 하나를 수정하면 모든 화면에 반영되는 구조가 얼마나 작업 시간을 줄이는지를 직접 확인했습니다.
시스템 구축 초반에 시간이 걸리더라도 이후 확장 비용이 낮아진다는 걸 그 경험에서 배웠습니다.
재사용 가능한 구조가 한 번 만들어지면 팀 전체가 더 빠르게 일관된 결과물을 만든다는 걸 직접 겪으면서 이해했습니다.
그 이해가 디자인 시스템을 초반에 투자하는 이유입니다.
답변에서 흔히 빠지는 것들 — 빠져 있으면 꼬리질문이 깊어집니다.
이 질문에 이어 넥스트증권 UX/UI 디자이너 면접관이 던질 가능성이 높은 후속 질문.
이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 특정 회사가 실제로 이 질문을 출제했다는 것을 보장하지 않으며, 모든 예시는 우문현답이 직접 작성한 창작물입니다. 해당 회사의 공식 입장과는 무관합니다. 회사 측의 정정 요청이 있을 경우 24시간 이내에 응답·수정합니다.