"예쁜 디자인보다는 얼마나 기획을 성실하게 했고 UX가 얼마나 체계적으로 되어있는지가 중요하다. "
plug in
가벼운 피그마를 위해서 확장 기능을 붙일 수 있음
오토레이아웃
shift+a 자동정렬
간격 정렬할 때, padding 설정할 때 사용하기 좋음
컴포넌트
컴포넌트는 하나의 기능을 집단으로 수정을 했을 때, 동시에 수정될 수 있도록 돕는다.
왼쪽 버튼
varients
컴포넌트 위에 컴포넌트이다. 컴포넌트를 하나의 그룹으로 묶는다고 해야한다.
(상태관리의 개념으로 보면 되나..?)
별점을 줄 때 , 여길 클릭하면 몇 점을 줘라 하는 것처럼!
Text Style
내가 어떤 스타일로 적든 스타일 지정해서 그대로 사용할 수 있도록 하는 기능 이미 정해져 있는 피그마 스타일 가이드를 이용하면 훨씬 유용하다.
모바일 앱
Mirror 기능을 사용하면 실시간 뷰어기능이 가능하다.
스타일 정의
17pt 아래로 쓰지 말아라 😦
Iconify
무료 아이콘을 import 해올 수 있는 플러그인
remove BG
누끼따는데 화질이 좀 떨어짐
(→ 개인 API키를 설정해야 사용할 수 있음)
unsplah
저작권 없는 이미지 사용하는 플러그인
(웹 페이지에서 사용할 수 있지만 출판을 하거나 굿즈를 만들 땐 사용하면 안됨)
Content reel
예시로 사용하는 AVATER 이미지에서 주로 사용하는 플러그인
Better Font Picker
폰트의 예시를 직관적으로 볼 수 있는 플러그인
UI를 고민할 때, 꼭 해당 도메인에 국한되는 것이 아니라 다른 디자인을 레퍼런스할 필요도 있다. 또한, 예쁘기만 하다고 좋은 프로그램이 아니다.
이커머스 사이트 MVP인 구매 프로세스를 적립했다. 홈부터 상세, 구매페이지, 주문자 정보... 아래와 같은 프로세스를 적립하고 협업을 위해 ASANA를 이용해서 간트차로 상태관리를 진행했다.
푸드레인이라는 B2B 이커머스 기업을 기반으로 아직 출시되지 않은 푸드레인의 앱을 기획해보고자 한다. 우리가 레퍼런스해야 할 UI 리딩, 경쟁 기업을 조사한 결과 다음과 같은 고려 사항을 발견할 수 있었다.
https://www.figma.com/file/mCCsB0JYPPW4Fj2QNh8N45/millie-Design-Library-2.0-(Community)?type=design&node-id=2-47&t=PkBWG9J95hrFSVyF-0
https://docs.tosspayments.com/guides/payment/virtual-account