만들면서 배우는 Figma UI 디자인,
2025 trend updated 기초부터 차근차근 쉽고 간편하게!

압도적인 협업 디자인 툴 '피그마' 

1. 실시간 협업 기능: 웹 기반의 실시간 협업 기능을 통해 여러 사용자가 동시에 디자인 작업을 수행할 수 있어, 원격 근무와 분산 팀 환경에서 매우 유용합니다. 
2. 크로스 플랫폼 지원: 브라우저 기반이므로 맥, 윈도우, 리눅스 등 다양한 운영 체제에서 사용이 가능하여, 특정 운영 체제에 종속되지 않고 어디서든 접근할 수 있습니다. 
3. 다양한 역할 지원: 디자인 툴로 시작했지만, 이제는 제품 관리자, 콘텐츠 디자이너, 엔지니어, UX 작가 등 다양한 역할에서 사용될 수 있는 플랫폼으로 확장되었습니다. 
4. 높은 사용자 만족도: 사용자의 피드백을 바탕으로 지속적으로 기능을 개선하여 높은 사용자 만족도를 유지하고 있습니다.
   5. 비용 효율성: 무료와 유료 버전을 제공하는 프리미엄 모델을 통해 다양한 사용자층을 확보하고 있습니다. 특히, 스타트업이나 소규모 팀이 부담 없이 사용할 수 있는 점이 큰 장점입니다.  

 

피그마는 전 세계 사용자들에게 사용받는 UI 디자인 툴입니다 

피그마(Figma)는 2012년에 설립된 클라우드 기반 디자인 소프트웨어로, UI/UX 디자인 분야에서 독보적인 시장 점유율을 보유하고 있습니다. 2022년에는 연간 반복 수익(ARR)이 약 4억~4억 5천만 달러에 달하며, 이는 전년 대비 100% 성장한 수치입니다. 2023년까지 피그마의 연간 반복 수익은 약 6억 1천 5백만 달러에 도달하여, 디자인 툴 시장에서 지속적인 성장을 보여주고 있습니다. 

23년에도 역시 이러한 기조는 이어지고 있습니다. 또한 대부분의 국내 스타트업에서도 디자인 소프르웨어로 '피그마'를 선택해서 사용하고 있습니다. 

 

👋 Welcome aboard our Figma Class Flight ✈️ 

환영합니다! 피그마 기초 온라인 클래스에 관심을 가져주셔서 감사합니다. 이 강의를 통해 여러분은 UI/UX 디자인 분야에서 필수적인 도구인 피그마의 기초를 시작할 수 있습니다. 피그마 기초 온라인 클래스를 수강함으로써 얻을 수 있는 주요 이점과 여정을 함께 살펴볼게요.

🚨 업데이트 공지 🚨

피그마 강의를 만든지가 벌써 1년이 넘는 시간이 흘렀네요. 현업에 종사하다 보니 업데이트가 계속 미뤄져 왔습니다. 최근에 업데이트 된 다양한 기능들에 대해서 2025년 새해에 맞춰 업데이트되었습니다. (학습에 지장이 없는 선에서일부 내용은 기존의 영상을 그대로 활용하였습니다.)

---

🌈 피그마 클래스 Basic

안녕하세요. 피그마는 브라우저 기반의 새로운 디자인 툴 입니다. 이미 출시된 지 수년이 흘렀지만, 국내에서는 제대로 다루지 않고 있는 디자인 툴이기도 하죠.

새로운 디자인 툴에 대한 다양한 니즈가 존재하고 이제 강제로 익숙해져야 하는 시대가 아닌 나에게 맞는 툴을 직접 고르고 디자인할 수 있는 시대가 도래했습니다.

좋은 디자인 툴 자체가 디자인의 퀄리티를 높여주거나 실력을 향상 시켜주지는 못하지만, 툴을 잘 활용한다면 디자이너의 부족한 부분을 보완해주는 역할을 합니다.

다양한 툴이 넘쳐나고 회사, 개인, 환경과 협업 관계에 따라 어떠한 툴을 선택할지 고민이 많이 되는 시기이기도 합니다. 말 그대로 디자인 툴의 춘추전국 시대죠.

이러한 과도기에 실력을 쌓고 그 실력을 온전히 나의 것으로 만들면서 뒤처지지 않는 것, 이제 같이 시작하고 함께 완성해보시죠.

 

🎓클래스 01 - 기본부터 차근차근 

어떠한 툴이든 기본부터 차근차근 배우는 것이 중요합니다. 기본이 잘 다져지지 않는다면 탑은 쉽게 무너지겠죠? 왜? 어떻게? 이러한 궁금증에서 시작하는 클래스 피그마 깨부수기의 첫 번째 Agenda는 '기본기 다지기'입니다. Figma는 훌륭한 벡터 기반의 디자인 툴입니다. 기존의 디자인 툴에서 보지 못한 새로운 개념의 벡터 도구가 존재하죠. 

 

🎓클래스 02 - 다양한 화면의 구성요소를 그리며 손 풀기 

다양한 도형에 대한 기초적인 정보와 활용 방법을 알아보았다면 이제 간단한 아이콘부터 컴포넌트들을 그리면서 손을 풀어봅시다. 

구성 요소 재사용의 기본 '스타일'을 만드는 방법과 활용 방법을 100% 알아봅니다. 가장 기초부터 차근차근 알아갈 수 있어요. 

🎓클래스 03 - 익숙한 모바일 앱 UI를 디자인해봅니다.

 

익숙한 모바일 앱의 기본적인 구조를 만들어보면서 화면을 구성합니다. 여기서 주로 사용하는 디자인은 구글 MATERIAL디자인 구조 입니다. 

 

🎓클래스 04 - 익숙한 모바일 앱 UI 그리기와 컴포넌트 디자인 

익숙한 모바일 앱을 그리면서 피그마에 적응하는 것으로 피그마에 대한 기본적인 컴포넌트 활용방법에 대해서 학습합니다. 

기초과정에서 완성될 뮤직 앱은 이미지와 내용이 제거된 상태로 제작하게 되며, 이미지와 아이콘은 직접 배치해보면서 완성해보세요 :) 

 

---

🙌 이 강의를 수강하기 위해 필요한 것!

피그마가 설치된 PC, 노트북이 필요합니다. 

Figma는 무료 디자인 툴 입니다.
무료로 다운로드하고 회원가입을 서두르세요! 

---

🙋🏻‍♂️ 질문있어요옷!!

Q. 디자인을 처음 배웁니다. 어렵지 않을까요?

A. 디자인 비전공자도 쉽게 들을 수 있는 강의입니다. 본 클래스는 기초부터 중급까지의 수준으로 제공되고 있습니다. 

 

Q. 왜 피그마를 배우는게 좋은가요?

A. 피그마는 오래된 디자인 툴은 아닙니다. 아트보드가 아닌 프레임을 쓴다는 것은 피그마가 기존의 디자인 툴과는 다르게 '움직임'을 디자인한다는 것이죠. 마이크로 인터렉션이 중요해지고, 트렌지션(화면전환)효과를 통해 더 높은 사용성을 제공할 수 있습니다. 

 

Q. 윈도우 PC도 가능한가요?

A. Figma는 브라우저 베이스의 툴입니다. 다양한 OS에서 모두 사용 가능합니다. Mac, Linux, Windows, Chrome 등 모두 가능합니다 :) 

 

 Hello! 에브리바디 '연남동이재용'입니다 

저는 2017년 '맛있는 스케치'라는 스케치 앱에 대한 책을 썼습니다. 공들인 시간 만큼 안 팔린 졸작이지만 ㅜㅜ IT 회사를 운영하면서 디자인 툴을 접하게 되고, 디자이너로서 그리고 직접 디자인한 내용을 실물 앱 서비스로 완성해가면서 누적된 노하우를 공유하고 더 좋은 아이디어를 만들어가는 것에 즐거움을 느끼고 있습니다.

최근에는 FIGMA 가이드북 이라는 책을 집필하게 되었고 책에 있는 내용을 설명 드리려고 합니다 :) 저자 직강인것이죠! 

피그마를 처음 접하시면서 막막한 그 기분을 충분히 이해합니다. 천천히 차근차근 따라 하다 보면 어느새 전문가처럼 익숙해져 있을 거예요. 

 

지금 시작하세요. 시작한 사람과 시작하지 않은 사람은 엄청난 차이를 나타냅니다.