[Figma] 피그마 독학기

피그마를 배워서 사용할 일이 생겨서 피그마를 스스로 독학하게 되었다.

포토샵 일러보다 요즘은 피그마를 훨씬 많이 쓴다고해서  피그마를 배워보게 되었다.

, 당근마켓 관련한 추가 기능 제안서 작성하면서 피그마로 프로토타이핑한게 깔끔하고 예뻐서 

소소하게 공부하며 남기는 기록이다.

 

 

인프런 ui/ux 파트와 고민하다 유튜브의 uiux 디자이너님의 간결하고 쉬운 강의가 있길래 선택함.

 

-> https://www.youtube.com/c/%EC%97%B0%EC%A0%95sFigma

연정's Figma

 

' 연정`s Figma ' 추천합니다. :3 

https://designer-story.tistory.com/

연정's Figma

 

✔ 피그마 Desktop 말고 Web으로 사용함.

 

1. 회원가입하면 개인으로도 사용 가능하고, 팀 단위로도 사용 가능

 

2. 팀 단위, 프로젝트 단위로 그룹을 생성하여 사용 가능 

 

3. ㄴㅏㄴㅡㄴ,,, 가난한 취준생이니 그냥 일반 모드 사용. 

 

 

-> Draft 

- Design File : 프로토 타이핑, 디자인시스템, UIUX 디자인  

- Figjam File: UX 리서치, 유저플로우 제작, 아이디어 수집

 

a. 페이지 추가 후 복사한 ui 에셋 넣기

 

b. asset 활성 후 'status' 검색 하면 복사한 ui 에셋이 뜸

 

c. 드래그하여 배치. 

 

d. 프레임 사이즈와 목업사이즈가 일치하여 스크롤이 발생.

스크롤 발생을 위해서는 목업사이즈보다 길어야함.

 

* 알트+시프트 = 복사