학습 & 스터디

피그마 스터디 운영 및 강의 추천

피그마 오픈카톡방2026. 3. 7.

질문사항

피그마 스터디 그룹 운영 방식과 약 14주 분량의 무료 강의/책을 추천해주세요. 비전공자 대상이며, 각자 학습 후 실습 내용을 공유하고 궁금증을 해소하는 방식을 고려 중입니다.

비전공자 대상 피그마 스터디 그룹을 4개월(약 14주)간 운영하시려는 계획이 아주 좋습니다. 효과적인 스터디를 위해 다음과 같은 운영 방식과 커리큘럼을 제안합니다.

스터디 운영 방식:

주간 목표 설정 및 아웃풋 중심: 매주 특정 피그마 기능(예: Auto Layout, Components)을 학습하고, 이를 활용한 작은 아웃풋(예: 특정 UI 컴포넌트 디자인, 간단한 페이지 레이아웃)을 만들어 공유하는 방식으로 진행합니다.

개념 학습 + 실습 + 피드백: 각자 지정된 강의/자료를 통해 개념을 학습하고, 실습 과제를 수행한 후, 스터디 시간에 각자의 결과물을 공유하고 서로 피드백을 주고받으며 궁금증을 해소합니다.

역할 분담: 매주 한 명씩 발표자 또는 질문 정리 담당을 정하여 능동적인 참여를 유도합니다.

미니 프로젝트: 스터디 후반부에는 배운 내용을 총동원하여 간단한 미니 프로젝트(예: 특정 앱/웹 페이지 리디자인)를 진행하여 실전 경험을 쌓습니다.

14주 커리큘럼 (예시):

1-2주차: 피그마 기초 및 UI/UX 기본 개념

피그마 인터페이스 익히기, 기본 도형, 텍스트, 이미지 사용법

프레임, 페이지 개념 이해

UI/UX 디자인의 기본 원칙 (가독성, 사용성, 일관성 등)

3-4주차: Auto Layout 마스터하기

Auto Layout의 기본 원리 및 활용법 (Padding, Gap, Hug, Fill)

반응형 레이아웃 구현 연습

5-6주차: 컴포넌트와 인스턴스

컴포넌트 생성 및 인스턴스 활용

컴포넌트 속성 (Properties) 이해 및 활용

Nested Components (중첩 컴포넌트) 활용

7-8주차: Variants (베리언츠) 및 컴포넌트 라이브러리

Variants를 이용한 상태 관리 (버튼, 체크박스 등)

컴포넌트 라이브러리 구축 및 관리의 중요성

9-10주차: 스타일 및 이펙트, 컬러 시스템

컬러, 텍스트, 이펙트 스타일 생성 및 적용

디자인 시스템의 컬러 팔레트 구축

11-12주차: 프로토타이핑 및 인터랙션

기본 프로토타입 연결 (Navigate to, Open overlay 등)

스마트 애니메이트, 스크롤 동작 구현

조건부 로직 (Conditional Logic) 및 변수 (Variables) 기초

13-14주차: Dev Mode 및 협업, 미니 프로젝트

Dev Mode를 활용한 개발자 핸드오프 이해

댓글, 버전 히스토리 등 협업 기능 활용

종합 미니 프로젝트 진행 및 발표

무료 강의/자료 추천:

Figma Learn: 피그마 공식 웹사이트의 학습 섹션은 가장 정확하고 최신 정보를 제공합니다.

Figma YouTube Channel: 공식 채널에서 제공하는 튜토리얼과 웨비나 영상을 활용하세요.

Figma Community: 다른 사용자들이 공유한 파일, 템플릿, 플러그인 등을 참고하여 실습에 활용합니다.

Udemy, Coursera 무료 강좌: 'Figma for Beginners' 등으로 검색하여 무료로 제공되는 입문 강좌를 찾아볼 수 있습니다.

블로그 및 아티클: Medium, Brunch 등에서 'Figma 튜토리얼', 'UI/UX 디자인' 관련 아티클을 찾아 읽는 것도 좋습니다.