[Figma] 공부내용기록

Summary

- Figma는 UXUI Design 툴 

- UX/ UI 란? user experience / user interface
== 모바일 서비스 / 웹서비스

-피그마에서 왼쪽 Pages 부분에 버전으로 관리 또는 네이밍으로 관리하기도 합니다.
+ 컴포넌트 단위로도 관리

-프로토타이핑 -> 개발자들에게 알기쉽게 작동하는 방식을 만드는것 + 테스트 서버로 생각하면쉬움
- 플레이버튼( 우리가 만든 프로토타입을 실제로 실행해볼수있는 버튼)
- figma는 저장이라는 개념이 따로 없고 실시간으로 웹환경에서 저장이됨  
- Hantool (화면이동할때쓰임)
-> move툴에서 스페이스바 누르면 동일하게 사용가능하기때문에 많이안쓰임 
기능/코맨트 달고 싶을때 맨오른쪾 코멘트누르고 스면됨 ( 디자이너, 개발자와 협업가능)
-> 삭제시 체크버튼눌르기  
(design/prototype 탭말고도 가운데 누르면 다른창나옴 ) 

- 화면 조정 Ctrl - , + 
 화면위에 덮기 + 버튼
- Document color =>  예전기록 히스토리라고 생각하면 편하다 작업히스토리 
- alt + 드래그 => 좀더 쉽게 복사하는법
or ctrl + c => ctrl + v 
- 사각형 선크기 바꿀려면
사각형 테두리 클릭후 stroke 설정 
-사각형클릭후 shift + x => 안과 밖 색깔변경
- 사각형에서 Fill 클릭후 - 누르면 안에 fill 색 빠짐 
- 한번에 드래그 정렬법 => 4개 다 드래그후 가운데로 옮기면 빨간색 정렬선이 뜸  이때 손놓으면 정렬됨
- 사각형에서  동그란점 -> 도형모양 변경가능 
but UI 디자인에서는 숫자가 중요하기 때문에 
오른쪽상단 숫자사용으로 도형변경가능 
- ( Independent corners)  
=> 왼쪽위 오른쪽 아래 왼쪽으로 시계방향으로 설정 => 말풍선모양 제작가능 
- 도형클릭후 오른쪽 메뉴창에 Effects 에서 해모양은 x,y,blur, spread 를 설정할수으며 투명도도 설정할수있다.\

- figma에서 헤더에 작업한것이 여러개인데 이것을 전체복사->전체 붙여넣기를 할려면 전체드래그후 그룹화한뒤에

붙여넣기하면 전체 복사가 됩니다.