FE rudwn
트러블 슈팅 (피그마) 본문
방과후 시간에 UI/UX 디자인 부서에 들어가서 4시간 가량 공부를 했다
프론트엔드가 디자인적으로도 뛰어냐야 하기 때문에 UI/UX 공부를 하였다
방과후 시간에 피그마를 활용해 앱 디자인을 하는거였다
대충 이정도 만들었다
디자인 할때는 간편함을 추구 하기 때문에 내가 이미 만들어 놓았던 이미지들을 이제 저장을 시키고 불러오는 작업이 필요하는데 그 부분에서 막혀서 어떻게 할 줄 몰랐는데
이미지를 먼저 그룹화 시킨 다음 컴포넌트 단축키를 사용하니 바로 돼서 이 문제를 바로 해결 했다
태두리가 보라색이면 성공한거다
디자인 단축키
: 디자인을 할때 단축키만 많이 알아도 손이 덜 힘든거 같다
레이어
레이어 전체 닫기 : Alt + L
화면
확대 : Ctrl +
축소 : Ctrl -
10px 이동 : Shift + 방향키
객체 생성 활성화
R - 사각형 생성 활성화
L - 라인 생성 활성화
F - 프레임 생성 활성화
T - 텍스트 생성 활성화
p - 펜툴 활성화
기타단축키
타이핑 완료 : Ctrl + 우측 Enter ( 텍스트 타이핑 완료)
모양&변형
가로 뒤집기 : Shift + v
세로 뒤집기 : Shift + h
아웃라인깨기 : Ctrl + Shift + o
그리드
그리드 보기 : Ctrl + Shift + 4
컴포넌트
컴포넌트 만들기 : Ctrl + Alt + K
컴포넌트 찾기/삽입 : Ctrl + I
인스턴스 깨기 : Ctrl + Alt + B
오토레이아웃 생성 : Shift + A
오토레이아웃 제거 : Alt + Shift + A