#1 피그마 기초 강좌 {연정's Figma} #UI 무료 편집 도구 #초보자용

figma를 처음 접하는 분들을 위한 기초 강좌 영상입니다. #이미지 import export #컬러 #텍스트 #그림자 효과

Sketch에서 Figma로 전환하게 된 계기

Figma 툴에 대해 궁금하시면 위 링크 또는 Figma 빠르게 훑어보기 유튜브 영상을 통해 좀 더 자세히 아실 수 있습니다.  

Figma는 IT 직종 전문가들에게 최적화된 UI 편집 도구이며 협업 도구입니다.  그뿐 아니라  비 디자인 직군에서도 과제를 한다거나 아래의 유튜브 영상 썸네일 이미지를 만들 때, 또는 프레젠테이션을 제작하고 발표 할 때,  개발자가 디자이너가 작업한Figma 시안에 대한 Code Veiw를 확인하고자 할 때 등 Figma를 사용하여 다양한 그래픽 결과물을 제작 할 수 있습니다. 

[피그마 기초 Part 1 - 영상 목차]

• 00:00 Intro
• 00:08 frame & constraints
• 01:49 이미지 불러오기 (다중 이미지 import 포함)
• 02:50 Plugin 설치하여 이미지 변경하기 #unsplash
• 03:57 이미지 오버레이
• 06:12 텍스트 편집
• 07:28 오토 레이아웃 (Auto Layout)
• 09:21 Drop Shadow Effects
• 11:36 Export 기능 (png, jpg, pdf, fig)

 

---

다음 영상은 아래 링크에서 확인 가능합니다. 

Part 2 #아이콘 제작 #피그마 기초

---

[연관 figma 강좌 영상]

• 추천 영상: 작업시간을 줄여주는 Figma의 Auto Layout 기능{YouTube에서 보기}

업무 효율성을 높이고 싶다면 이 영상을 추천합니다. {Auto Layout}

 

• Figma 텍스트 편집 노하우 {목차}

디자인 시스템을 위한 Text 스타일링의 모든 것

 

• 반응형 웹을 위한 Figma의 Layout Grid 기능 (녹음 불량으로 소리가 작습니다. 영상 시청 시 볼륨을 높여주세요)

머터리얼 디자인 시스템 기준 Layout Grid 설정 방법 가이드

 

• 디자인 시스템을 위한 Figma의 팀 라이브러리 기능 #figma #협업 #디자인 시스템 #컬러 시스템 {목차}

협업을 위한 컬러 시스템 구축과 팀라이브러리 기능

 

• 효율적인 UI 디자인을 위한 figma의 컴포넌트 기능 #Component

피그마 컴포넌트

 

---

연정's figma - Youtube 채널

연정's Figma