figma4분 읽기

큐레이션 요약

교실에서 활용할 수 있는

원문 읽기(새 탭에서 열림)

Figma를 활용한 실습 중심 수업은 학생들이 디자인 도구를 익히는 동시에 사고·제작·협업 능력을 기르는 데 효과적이다. 글에서는 초급부터 중급까지 다양한 수준의 학생을 대상으로, Figma의 협업 기능과 컴포넌트·오토 레이아웃·그리드 등을 활용하는 교실 활동을 소개한다. 활동 결과물을 하나의 파일에 모아 갤러리처럼 공유하면 서로의 작업 과정과 디자인 스타일을 관찰하고 피드백할 수 있다.

수업 첫 주에 적합한 학생 트레이딩 카드

  • 학생들이 소셜 미디어 프로필 형태의 자기소개 카드를 제작한다.
  • 학생 간 친밀감을 높이는 동시에 Figma의 기본 기능을 익힐 수 있다.
  • Auto Layout과 컴포넌트를 활용해 재사용 가능한 프로필 요소를 만든다.
  • 모든 학생이 같은 파일에서 작업하도록 하면 서로의 제작 과정과 스타일을 볼 수 있다.
  • 완성 후 별도의 페이지를 만들어 결과물을 갤러리처럼 전시한다.
  • 숙련된 학생은 직접 질문이나 아이스브레이커 요소를 추가할 수 있다.
  • 난이도: 초급
  • 주요 기능: Auto Layout, Multiplayer Editing

도형 제작으로 기본 도구 익히기

  • 펜 도구, 레이아웃 그리드, 속성 패널을 사용해 하트 모양을 제작한다.
  • 단순한 형태를 직접 만들며 Figma의 주요 도구에 대한 자신감과 사용 능력을 높인다.
  • 완성된 하트를 학생별로 전시해 다양한 해석과 스타일을 비교한다.
  • 추가 과제로 Smart Animate를 사용해 하트가 뛰는 듯한 애니메이션을 만들 수 있다.
  • 하트 외에 다른 도형을 디자인하고 스타일을 적용하게 할 수도 있다.
  • 난이도: 초급
  • 주요 기능: Pen Tool, Properties Panel, Layout Grid, Smart Animate

탱그램으로 형태와 기하학 탐구하기

  • 일곱 개의 조각으로 구성된 탱그램 퍼즐을 활용해 형태와 기하학을 학습한다.
  • 기본 도형을 조합해 동물과 같은 인식 가능한 이미지를 만든다.
  • 추상적인 형태도 제작하게 하여 기하학적 탐구를 확장한다.
  • 활동 전에 기하학의 역사에 관한 짧은 설명을 제공하면 학습 맥락을 이해하는 데 도움이 된다.
  • 숙련도를 높이려면 학생들이 다른 퍼즐을 직접 조사하고 재사용 가능한 퍼즐 세트를 제작하도록 할 수 있다.
  • 난이도: 초급
  • 주요 기능: Components, 회전 및 정렬

연구 결과를 시각화하는 디자인 리서치 페이퍼

  • 학생들이 조사한 연구 결과를 설득력 있는 시각 자료로 표현한다.
  • 완성된 결과물을 공동 문서에 모아 학생들이 서로 읽고 댓글을 남기도록 한다.
  • 정보를 어떻게 배치하고 전달할지 고민하면서 시각적 위계와 커뮤니케이션 디자인 원리를 익힌다.
  • 결과물에 대한 토론을 통해 연구 내용뿐 아니라 편집과 시각화 방식도 함께 비평할 수 있다.
  • 난이도: 초급
  • 주요 기능: Layout Grids, Keyboard Shortcuts

재사용 가능한 채팅 창 컴포넌트 만들기

  • 학생들이 협업 문서 안에서 대화하고 시각적 피드백을 주고받을 수 있는 채팅 창을 제작한다.
  • 각자 직접 커스텀 컴포넌트를 만들어 향후 프로젝트에도 사용할 수 있도록 한다.
  • 단순한 화면 제작을 넘어 재사용성과 확장성을 고려한 컴포넌트 설계를 연습한다.
  • 실제 협업 프로젝트에서 활용할 수 있다는 점 때문에 학생들의 참여도가 높다.
  • 난이도: 중급
  • 주요 기능: Auto Layout

제약 조건이 있는 협업 일러스트레이션

  • 공통된 제약 조건 아래에서 하나의 통일된 일러스트레이션 또는 아이콘 시스템을 공동 제작한다.
  • 제한된 색상 팔레트, 특정 그리드 등 명확한 규칙을 적용해 일관된 결과물을 만든다.
  • 예시에서는 각진 형태의 맞춤형 그리드와 제한된 색상을 사용해 모바일 핸드북 앱의 내용을 설명하는 그래픽을 제작했다.
  • 협업 과정에서 학생들이 서로 돕고 비평하도록 하면 디자인 시스템과 피드백 능력을 함께 기를 수 있다.
  • 개별 작품의 완성도보다 여러 결과물이 하나의 시각적 체계로 보이는지가 중요하다.
  • 난이도: 중급
  • 주요 기능: 색상 스타일, 그리드 및 협업 기능

수업에 적용할 때의 공통 원칙

  • 결과물만 평가하기보다 학생들이 같은 파일에서 작업하며 과정과 선택을 공유하도록 한다.
  • 완성된 작업을 갤러리로 구성하면 학급 전체의 다양한 접근 방식을 비교할 수 있다.
  • 초급 활동에서는 기본 도구와 형태 제작에 집중하고, 중급 활동에서는 컴포넌트와 협업 시스템 설계로 확장한다.
  • 기본 과제에 선택형 도전 과제를 추가해 숙련도가 높은 학생도 계속 탐구할 수 있게 한다.
  • Figma의 실시간 협업 기능을 활용하면 제작, 피드백, 토론을 하나의 작업 흐름 안에서 진행할 수 있다.

수업에서는 하트 만들기나 트레이딩 카드처럼 진입 장벽이 낮은 과제로 시작한 뒤, 탱그램·연구 시각화·협업 일러스트레이션처럼 형태, 정보 구조, 디자인 시스템을 요구하는 활동으로 난도를 높이는 방식이 효과적이다.

큐레이션 요약을 이어서 읽어보세요.