DESIGN 01 [Figma 1/4 ] 인싸 디자인 프로그램!! figma(피그마)로 디자인과 프로토타이핑을 동시에 하자!

ezweb 2019. 5. 27. 16:04

Sample Download: https://goo.gl/icduFr

1/4
- 피그마로 디자인하기
- 피그마로 요소들 그리기
- 그리드 사용하기
- 텍스트 사용하기

2/4
- 펜툴 사용하기
- 컴포넌트 사용하기
- 모바일 사이트 디자인하기
- 헤더 완성하기

3/4
- 폰트어썸 아이콘
- 로그인 입력폼, 버튼
- 첫 메인화면 완성하기
- 반응형에 맞춰 유연하게 디자인하기
- figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기

4/4
- 서브페이지 만들기
- google material design 활용하기
- figma mirror 로 실시간으로 디자인 핸드폰에서 확인하기
- 페이지가 연결되는 프로토 타이핑 하기
- 디자인단계에서 css 코드 확인하기
- image 저장하기