우문현답
愚 問 賢 答
회사별 면접직군별진행 방식
    홈›회사별›이스트소프트›프로덕트 디자이너›질문 상세
    問
    이이스트소프트프로덕트 디자이너직무 역량2026년 출제

    Figma를 사용하여 디자인 작업을 수행할 때 주로 어떤 기능을 활용하나요?

    답변 미리보기

    Figma를 처음 쓴 건 팀 프로젝트에서 앱 프로토타입을 만들 때였습니다. 디자이너가 없는 팀이라 개발자와 기획자가 함께 화면을 설계하는 과정에서 Figma를…

    예상 답변 시간
    60~90초
    예상 꼬리질문
    3회
    난이도
    난이도 중상
    출제 빈도
    높음
    INTERVIEWER'S INTENT · 면접관의 의도

    이 질문, 네 갈래로 뜯어봅니다.

    면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.

    問
    01
    Figma 경험이 있는가?
    Figma를 사용한 경험이 무엇인지에 대한 흔적이 답에 있어야 합니다. 없으면 면접관이 '어떤 프로젝트에서 사용했나요?'를 추가로 묻는 경우가 자주 보입니다.
    骨
    02
    설계한 컴포넌트는 무엇인가?
    설계한 컴포넌트의 종류와 기능에 대한 설명이 답에 포함된 흔적이 있어야 합니다. 없으면 면접관이 '그 컴포넌트의 역할은 무엇이었나요?'를 묻는 자리가 자주 보입니다.
    語
    03
    사용한 디자인 원칙은 무엇인가?
    디자인 과정에서 고려한 디자인 원칙이나 기준에 대한 흔적이 답에 있어야 합니다. 없으면 면접관이 '어떤 원칙을 따랐나요?'를 추가로 묻는 경우가 많습니다.
    本
    04
    협업 과정에서의 역할은?
    팀 내에서의 역할이나 협업 과정에 대한 설명이 포함된 흔적이 있어야 합니다. 없으면 면접관이 '다른 팀원들과 어떻게 협력했나요?'를 묻는 경우가 자주 보입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    이스트소프트 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    Figma 사용 경험 구체화→컴포넌트 구조 설명→디자인 원칙→팀 협업 순 전개약 90초Variants로 변형 범위 정의 → Auto Layout 반응형 → 분리 수준 판단약 90초개발자 구현 가능 기준 → Design Token으로 명명 일치 → 초기 정렬 세션약 90초
    A
    약 90초

    Figma 사용 경험 구체화→컴포넌트 구조 설명→디자인 원칙→팀 협업 순 전개

    Figma를 처음 쓴 건 팀 프로젝트에서 앱 프로토타입을 만들 때였습니다. 디자이너가 없는 팀이라 개발자와 기획자가 함께 화면을 설계하는 과정에서 Figma를 공유 도구로 사용했습니다. 컴포넌트 구조는 버튼, 입력 필드, 카드, 네비게이션 바를 공통 컴포넌트로 분리하고, 색상과 타이포그래피는 로컬 스타일로 정의해서 전체 화면에서 일관성 있게 적용했습니다. 처음에는 각 화면마다 따로 그렸는데, 반복 요소가 많아서 수정할 때마다 각 화면을 일일이 고쳐야 하는 문제가 생겼습니다. 그 이후로 컴포넌트를 Master Component로 만들고 화면에서는 Instance를 사용하는 방식으로 바꿨고, 이후 수정이 훨씬 빨라졌습니다. 디자인 원칙으로는 8px 그리드를 기준으로 간격과 크기를 맞추는 방식을 썼습니다. 개발자가 수치를 바로 적용하기 편했고, 화면들 사이 일관성도 유지됐습니다. 협업 측면에서는 팀원들이 코멘트 기능으로 피드백을 남기는 방식이 회의 없이도 방향을 맞출 수 있어서 편했습니다.

    이 결의 특징
    공통 컴포넌트 분리와 Master Component 활용까지 구체적 설계 경험을 보여주는 결입니다.
    이 결이 통하는 자리
    Figma 컴포넌트 설계 실무 경험을 확인하려는 질문에 통하는 결입니다.
    Figma 컴포넌트 — 재사용성 설계 원칙
    약 90초

    Variants로 변형 범위 정의 → Auto Layout 반응형 → 분리 수준 판단

    Figma에서 컴포넌트를 설계할 때 가장 중요하게 생각한 원칙은 재사용성을 높이려면 컴포넌트의 변형 범위를 명확히 정해야 한다는 점입니다. 버튼 컴포넌트를 예로 들면, 크기, 색상, 상태(기본/hover/disabled)를 Variants로 정의하면 디자이너가 매번 새로 만들지 않고 같은 컴포넌트를 조건에 맞게 사용할 수 있습니다.

    Auto Layout을 활용하면 텍스트 길이가 달라져도 컴포넌트 크기가 자동으로 맞춰져서 반응형 동작을 Figma 안에서 미리 확인할 수 있었습니다. 너무 세세하게 분리하면 컴포넌트 수가 폭발적으로 늘어서 관리가 어려워지기 때문에, 어느 수준에서 묶는 것이 좋은지 판단하는 것이 실제 설계의 어려움입니다. 개발 구현 단위와 Figma 컴포넌트 경계를 맞추는 것이 핸드오프 품질을 높입니다.

    컴포넌트 경계는 디자인 일관성과 개발 효율을 동시에 결정합니다. Auto Layout 설정이 컴포넌트 유지보수 비용을 낮추는 핵심 기능입니다.

    이 결의 특징
    재사용성을 위한 컴포넌트 분리 수준의 판단 기준을 짚는 결입니다.
    이 결이 통하는 자리
    디자인 시스템 설계 원칙을 확인하려는 질문에서 설득력을 인정받는 결입니다.
    Figma 컴포넌트 — 개발자 핸드오프 관점
    약 90초

    개발자 구현 가능 기준 → Design Token으로 명명 일치 → 초기 정렬 세션

    Figma 컴포넌트 구조를 설계할 때 항상 개발자가 이 파일을 보고 구현할 수 있는지를 기준으로 판단했습니다. 디자이너 관점에서만 정리된 Figma는 스펙이 명시되지 않거나 실제 구현 단위와 컴포넌트 경계가 달라서 개발자가 직접 해석해야 하는 경우가 생깁니다.

    Design Token을 도입해서 색상, 폰트 크기, 간격을 명명된 변수로 관리하면 개발자가 코드에서 같은 이름으로 참조할 수 있어서 일관성이 높아집니다. 컴포넌트 이름을 개발 코드의 명명 규칙과 맞추는 것이 핸드오프 단계에서 커뮤니케이션 비용을 줄이는 방법입니다. 협업 초기에 디자이너와 개발자가 함께 컴포넌트 명칭과 단위를 맞추는 세션을 갖는 것이 효과적이었습니다.

    디자인 시스템은 협업 언어를 맞추는 도구입니다. Design Token 체계가 디자인-개발 일관성의 기반입니다.

    이 결의 특징
    개발자 핸드오프를 기준으로 컴포넌트 명명 규칙을 맞추는 결입니다.
    이 결이 통하는 자리
    디자인-개발 협업 감각을 확인하려는 질문에서 자주 채택되는 결입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

    같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.

    • ✕떨어뜨린 옵션이 1개라도 있는가? "이게 답이었어요"만으로는 의사결정이 아니라 그냥 선택입니다.
    • ✕선택 기준이 그 프로젝트에 한정되는가? "성능이 좋아서"는 일반론, "우리 트래픽이 X 패턴이라서"가 본인의 답입니다.
    • ✕결과 숫자 1개를 정확히 말할 수 있는가? P95·QPS·적중률 — 무엇이든 1개. 숫자가 없으면 직감으로 한 일처럼 들리기 쉽습니다.
    • ✕지금 다시 한다면 어떻게 할지 답할 수 있는가? "잘했다"보다 "이건 다르게 했을 것 같다"가 더 깊은 인상을 남깁니다.
    ▶이어질 꼬리질문

    진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.

    壹컴포넌트 구조 설계 시 어떤 고민이 있었나요?
    貳이 설계가 어떤 문제를 해결했나요?
    參다른 디자인 도구와 비교했을 때 Figma의 장점은 무엇인가요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 이스트소프트 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

    같은 흐름에서 자주 이어지는 질문들이에요.

    와이즐리컴퍼니 · 공통직무·미지정
    Figma를 사용한 디자인 작업에서 어떤 기능을 주로 활용하나요?
    이 질문 보기
    라인 · 프로덕트 디자이너
    Figma와 같은 디자인 툴을 사용할 때 어떤 기능을 가장 자주 활용하나요?
    이 질문 보기
    PTKOREA · UX/UI 디자이너
    Figma와 같은 디자인 툴을 사용할 때, 어떤 기능이나 작업이 가장 유용하다고 생각하시나요?
    이 질문 보기
    당근마켓 · 프로덕트 디자이너
    Figma를 사용해본 경험이 있다면, 구체적으로 어떤 프로젝트에서 어떻게 활용했는지 말해줄래?
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, 이스트소프트 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기