📕

[스파르타 코딩클럽] PPT보다 쉬운 피그마 - 4주차

매 주차 강의자료 시작에 PDF파일을 올려두었어요!

PDF 파일

피그마 강의자료+실습예제 (피그마 파일)

[4주차 수업 Title]

플러그인으로 피그마 200% 활용하기

[수업 목표]

•

피그마 플러그인과 커뮤니티 소스를 활용해서 자료를 시각화 할 수 있습니다.

•

팀원들과 실시간으로 협업하는 방법에 대해 알아봅니다.

•

피그마 프레젠트로 센스 있게 발표하는 기술을 배웁니다.

[목차]

모든 토글을 열고 닫는 단축키 Windows : Ctrl + alt + t Mac : ⌘ + ⌥ + t

피그마 플러그인으로 시각자료 템플릿 만들기

피그마로 센스있게 발표하기

피그마로 협업하는 방법

이것만 알아도 칼퇴 가능한 네이밍 정리 tip

이것만 알아도 칼퇴 가능한 단축키

플러그인 mockup, upsplash, wireframe designer을 이용해서 포트폴리오 템플릿을 만들어 봅시다.

1) Mockup 플러그인

2) Unsplash 플러그인

3) Wireframe Designer 플러그인

플러그인 Material Symbols, Product Planner, Charts, Fonts Changer, Color Palettes을 이용해서 포트폴리오 템플릿을 만들어 봅시다.

1) Material Symbols 플러그인

2) Product Planner 플러그인

3) Charts 플러그인

4) Fonts Changer

5) Color Palettes

피그마 프리젠테이션 모드에 대해 이해한 후 원하는 목업 이미지로 보여지게 하는 방법을 알아봅시다.

1) 프리젠테이션 모드 알아보기

2) 원하는 목업 이미지로 보이게 하는 방법

3) Frame을 PDF로 묶어서 내보내기할 때의 꿀팁

피그마 코멘트 기능과 작업 링크 공유를 통해서 피그마로 협업해 봅시다.

1) 피그마 코멘트

2) 작업 링크 공유

레이어 네이밍 정리 방법 및 피그마 이용 시 알아두면 유용한 꿀팁을 익혀봅시다.

1) 네이밍 정리 팁

2) 레이어 쉽게 열고 닫는 팁

3) 그룹 or 프레임 안에 담겨 있는 요소를 보고 싶을 때는?

4) 지저분한 레이어를 한방에 정리하는 팁

5) 인터페이스가 갑자기 사라졌을 때는?

작업 효율을 높여주는 핵심 단축키를 알아둡시다.

1) Tools

2) Arrange

3) Text

4) Text Align

5) Object

6) Copy & Paste, Essential

블로그에 나만의 ppt 템플릿을 만들어 봅시다. 템플릿 활용해 내 것으로 변경해서 제작해 보세요!

숙제 예시

[숙제]

블로그에 아래 주제로 학습내용 총정리해서 업로드하기! (숙제는 업로드한 블로그 링크로 제출하면되요!) 주제 - 피그마로 포트폴리오 템플릿 만들기 (포트폴리오 템플릿을 자신의 포트폴리오 내용에 맞게 일부 변형해서 올리면 더 좋겠죠?)

[숙제해설] - 노션 하단 참고

해설과 똑같이 따라하지 마세요!! 해설은 참고일 뿐입니다 : )

숙제는 업로드한 블로그 링크로 제출 하면 됩니다.

전체 강의자료 보기