Basic

1. 피그마 데스크톱 설치

https://www.figma.com/ko-kr/downloads/

Figma 다운로드 | 데스크톱 및 모바일용 웹 디자인 앱

 

2. 피그마 튜토리얼

Figma Tutorial for Beginners (13-min crash course!)

 

2.1 유튜브 시청시 한글 자막 자동 생성으로 변경

자막 버튼을 클릭하여 자막 활성화

만약 영상에 자막 등록이 안 되어 있다면 유튜브 자막 자동 생성으로 자막이 만들어진다. 자막 활성화를 하면 "영어(자동 생성됨)"이 기본값인데 이것을 한글로 변경한다.

 

[톱니바퀴] 메뉴를 클릭하고 [자막] 메뉴를 선택한다.

 

[자동 번역] 메뉴를 선택한다.

 

최하단으로 스크롤을 하여 [한국어] 메뉴를 선택

 

3. 커뮤니티 예제 

3.1 커뮤니티 리소스 복사

@uidesignguide – Figma

원하는 리소스를 선택하고 [ Open in Figma ] 버튼을 클릭하면 나의 계정 [ Draft ] 메뉴로 리소스가 복사된다.

 

3.2 커뮤니티 리소스 리스트

Practice 1. Style & Library

Practice 2. Smart Selection

Practice 3. Constraints & Layout grid

Practice 4. Component

Practice 5. Auto Layout

Practice 6. Variants

Practice 7. Prototype

Practice 8. Interactive Component

 

3.3 URL로 접속 후 리소스 복사

Draft 파일명 옆에 아래 화살표를 누르면 Drop Down 메뉴가 나타난다. [ Duplicate ] 메뉴를 선택하면 나의 Drafts로 해당 리소스가 복사된다.

 

3.4 Infinity Carousel

[실습] 인터랙티브 컴포넌트 by.domsam – Figma