우리 같이 입어요! 인프런 후드티 💛
Thumbnail
추석 앵콜 할인 20% 중(D-2)
크리에이티브 디자인 도구
[BASIC] 만들면서 배우는 Figma UI Design
(4.7)
13개의 수강평 ∙ 76명의 수강생

20%

35,200원

44,000원
지식공유자 : 연남동이재용
총 6개 수업˙총 1시간 39분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
폴더에 추가 229 공유
입문자를 위해 준비한
[디자인 도구, UX/UI] 강의입니다.

Figma라는 새로운 디자인 툴에 대해 아직 고민하고 계신가요? 쉽고 빠르게 하나씩 따라 하다 보면 어느새 나도 피그마 전문가!

✍️
이런 걸
배워요!
Figma의 기본적인 사용 방법
Figma의 스타일 기능 활용
Figma를 활용한 앱, 모바일 UI디자인
Figma를 활용한 컴포넌트 디자인

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

🙆🏻‍♀ Welcome aboard our Figma Class Flight 🙆🏻‍♂

환영합니다 :) 우리 피그마 클래스의 여정은 이제부터 시작입니다.

안녕하세요. 피그마 클래스를 함께할 '연남동이재용'입니다. 유튜브에서 크리에이터로 활동하고 있고, 현재 Design Tool Technic 클래스를 온·오프라인에서 디자이너분들에게 강의하고 있습니다.

오프라인 강의의 장점은 호흡하며 진행할 수 있다는 장점이 있지만 멀리 계시는 분들과의 호흡은 함께할 수 없다는 아쉬움이 항상 남아 있는 것 같습니다. 인프런으로 이제 언제 어디서든 쉽고 편리하게 피그마 강의를 들으실 수 있도록 준비했습니다.

"시작하는 사람과 시작하지 않은 사람의 차이는 하늘과 땅 차이 입니다"


🗒 미국에서 유행하는 미국물 잔뜩 머금은 FIGMA

Figma는 최근 다양한 해외 디자이너들 사이에서 스케치, AdobeXD를 대체할 디자인 툴로 주목받고 있습니다. Framer처럼 어려운 코딩이나 복잡한 UI에서 벗어나 간단한 조작만으로 완성도 높은 프로토타이핑을 구성할 수 있기 때문이죠. 플러그인을 사용하지 않더라도 높은 수준의 디자인 결과를 만들 수 있고, 브라우저 베이스의 툴로 실시간 협업, 실시간 동기화, Hand off 기능으로 디자이너와 개발자 간의 협업도 원활하게 가능합니다. 

해외 유튜버들도 피그마로 전환해가고 있습니다.


🌈 피그마 클래스 Basic

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

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

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

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

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

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

어떠한 툴이든 기본부터 차근차근 배우는 것이 중요합니다. 기본이 잘 다져지지 않는다면 탑은 쉽게 무너지겠죠? 

왜? 어떻게? 이러한 궁금증에서 시작하는 클래스 피그마 깨부수기의 첫 번째 Agenda는 '기본기 다지기'입니다.

Figma는 훌륭한 벡터 기반의 디자인 툴입니다. 기존의 디자인 툴에서 보지 못한 새로운 개념의 벡터 도구가 존재하죠. 

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

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

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

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

 

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
피그마를 처음 사용하는 분
Mac이 없는 디자이너(맥북이 있어도 당연히 됩니다)
다양한 디자인툴 중에 나를 위한 툴을 고민중인 분들
기획부터 디자인까지 배워보고자 하는 분
프로토타이핑 기능을 배워보고자 하는 분
📚
선수 지식,
필요한가요?
아무것도 몰라도 괜찮습니다!

안녕하세요
연남동이재용 입니다.
연남동이재용의 썸네일

안녕하세요 다양한 디자인 툴을 강의하고 있는 연남동이재용입니다 :) 

유튜브 채널 : 연남동이재용 

현) 리메인 디자인툴 테크닉 클래스 강사

현) 패스트캠퍼스 UI/UX디자인 강사

전) 옐로모바일, 케어랩스 헬스케어사업부 본부장

저서 : 맛있는 스케치 디자인, 피그마 가이드북 

커리큘럼 총 6 개 ˙ 1시간 39분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 피그마 BASIC 코스
피그마 인터페이스와 프레임 이해 미리보기 13:09
FIGMA의 기본 도형에 대한 이해 19:24
네비게이션, 탭바의 구성과 아이콘 디자인 22:12
스타일 기능 100% 활용하기 09:03
컴포넌트 디자인과 활용 방법 20:35
뮤직 어플리케이션 프레임 디자인 15:35
강의 게시일 : 2020년 12월 16일 (마지막 업데이트일 : 2020년 12월 15일)
수강평 총 13개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
13개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
BLM NT thumbnail
그냥 의례 상 5점 주는게 아닌 진짜 유용해서 5점드려요..!
2021-07-09
지식공유자연남동이재용
감사합니다. 조만간 업데이트 내용도 추가할 예정입니다. 좋은 수강평 감사드려요 :)
2021-07-13
J H thumbnail
입문자에게 좋은 강의 입니다. :)
2021-07-06
지식공유자연남동이재용
소중한 수강평 감사드립니다 ;)
2021-07-13
wslee thumbnail
재밌고 유익해요!
2021-05-27
지식공유자연남동이재용
소중한 수강평 감사드립니다 ;)
2021-07-13
백소연 thumbnail
여기서 다른 피그마 강의도 들었지만 부족해서 이 강의도 수강하길 잘했네요. 이론과 실습을 따로 하면 잊어버리는데 실습 중간중간 단축키와 컴포넌트에 대한 설명을 해주셔서 바로 업무에 적용할 수 있어요. 간결하고 차분한 설명도 좋았고 디자인 관련 강의를 많이 올려주세요.
2021-05-25
지식공유자연남동이재용
소중한 수강평 감사드립니다 ;)
2021-07-13
Yul Seo thumbnail
좋은점은 입문으로 시작하기 너무 좋다는 점입니다. 조금 부족한 점은 컴포넌트화를 만드는걸 배웠지만 마지막에 만 프레임 디자인을 할때 사용을 했으면 좀 더 유익하지 않았나 싶습니다.
2021-06-07
지식공유자연남동이재용
소중한 수강평 감사드립니다 ;) 남겨주신 의견 반영해서 조금 더 업데이트 해볼게요
2021-07-13
추석 앵콜 할인 20% 중(D-2)

20%

35,200원

44,000원
폴더에 추가 229 공유
지식공유자 : 연남동이재용
총 6개 수업˙총 1시간 39분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스