👩🏻‍🎨 Figma를 사용해야 하는 당신을 위해 만들었어요!

이 강의를 클릭하신 여러분들은 피그마를 이용하시려고 계획 중이시거나, 피그마를 배워보고자 하시는 분들이실 겁니다! 특히나 개발자분들이 많으실 것으로 예상되는데요.
피그마를 처음 사용하시는 여러분을 위해 툴 설명부터 퀄리티를 높일 수 있는 기능 설명까지 7년차의 노하우를 담아 알차게 준비했습니다.

✍🏻 비전공자도 시작할 수 있는 Figma!

실무자이자 강사로 활동하며 수업 중 비전공자 친구들이 어려워하던 부분들을 영상으로 담았기 때문에 비전공자도 들을 수 있는 완전 입문 강의입니다.

파트1. <신속 figma #1. 기초>

피그마를 처음 사용하시는분들을 위한 첫번째 강의로 간단한 툴 설명들을 담고 있습니다.

• 상단 메뉴바에 있는 아이콘들 설명
• 우측 사이드 메뉴에 있는 Align, Constraints, Color, Export 등 설명

추가로 실무자가 진행하는 강의로, 중간중간에 개발자분들과 소통하는 방법, UI 디자인 툴을 사용하는 기초적인 방법을 설명합니다.

파트2. <신속 figma #2. 유용기능>

피그마를 처음 사용하시는 분들을 위한 두번째 강의로 같이 알아두면 좋은 유용 기능들에 대한 설명들을 담고 있습니다.

• 피그마 커뮤니티 사용하기
  • plugin 다운받기(unsplash 이미지)
  • UI 소스 다운받기
• Auto Layout 활용법
• Component 활용법 추가로 실무자가 진행하는 강의로, 중간중간에 개발자분들과 소통하는 방법, 디자이너 실무 관련한 노하우 등을 설명합니다.

파트3. <신속 figma #3. 프로토타입>

피그마를 처음 사용하시는 분들을 위한 세번째 강의로 같이 알아두면 좋은 유용 기능들에 대한 설명들을 담고 있습니다.

• 화면 연결하기
• 좌우 스크롤 만들기(상하 스크롤도 동일하게 만들 수 있음)

파트4. <신속 figma #4. 고급편>

피그마를 처음 사용하시는 분들을 위한 네번째 강의로 부가적인 기능으로 알아두면 퀄리티를 높일 수 있는 기능에 대한 설명들을 담고 있습니다.

• 커뮤니티 활용하기
  • wireframe 소스 복제하기
  • ui 소스 복제하기 강의에서 설명해 드리겠지만 복제하여 그대로 사용하기보다는, 자신의 생각을 표현하기 위한 도구로서, 베이스로 사용하여 보다 나은 디자인을 만드는데 활용하세요!

파트5. <신속 figma #5. 개발자와 소통하기>

피그마를 처음 사용하시는분들을 위한 다섯번째 강의로 같이 알아두면 좋은 유용 기능들에대한 설명들을 담고 있습니다.
대상은 디자이너가 개발자에게이지만, 꼬꼬마 디자이너와 함께 협업을 하시는 분이라면 이렇게 확인하고 작업하면 되겠구나 라는 느낌으로 봐주세요!

• 코멘트를 남겨 소통하기
  • 화면으로 부족한 설명 달기
  • 논의하고 싶은 내용 코멘트 달기
• 이미지 export 하는 방법
• 코드 확인하는 방법
• 초대하는 방법, 쉐어하는 방법