Figma
Figma는 웹 기반 UI/UX 디자인 및 프로토타이핑 툴이다
자주 사용한 Figma 기능과 단축키
- 자주 사용한 기능
1-1. prototype의 On click - Nevigate to
프레임을 누르면 다른 프레임으로 이동하는 기능
1-2. create Component
여러개의 것들을 하나로 묶어주는 기능 / 묶으면 이 컴포넌트를 재사용할 수 있다
1-3. Add variant
Component의 상태값을 추가한다. 이후 prototype의 change to 기능으로 상태를 변경할 수 있다.
- 자주 사용한 단축키
2-1. ] : Bring to Front = 말 그대로 선택한 것을 맨 앞에 위치시킨다.
2-2. ctlr+alt+k: Create Component
2-3. shift+alt+좌클릭 : 선택한 것을 복사한다. 원본을 변경하면 복사한 것도 같이 변경된다.
클론 과제
클론 과제는 기존에 있던 웹 페이지나 어플리케이션을 그대로 만들어보는 과제이다.
넷플릭스를 선택해 프로필 추가,관리,변경을 구현하고자 했으나 모든 기능을 완성하지는 못한게 아쉬움이 남는다.
