[Figma] 기본_240501(수)

광고 아님

피그마 공부가 필요할 것 같아 바로 시작, 일단 기본적인 것들만 봤다.

 

Constraints

1. 프레임 변화에 따라 요소 움직임(좌-우, 상-하, 중앙)
2. Scale 선택 시 프레임 크기에 따라 크기 변함

맨날 보면서 이게 뭘까.. 궁금했는데 새롭게 알게됐다. 지식 +1

유용한 플러그인

Unsplash - 이미지 넣기

이미지 넣을 일이 별로 없어서 몰랐는데 꽤 괜찮은 것 같다

ikonate - 기본 아이콘

iconfy를 사용 중이긴 하나 요것도 꽤 마음에 듦

컴포넌트

예전에 알았었는데 까먹었던 컴포넌트 :D

처음엔 컴포넌트가 안 만들어져서 왜 안되지? 싶었는데 프레임 밖에 있어서 그랬다😋

같은 프레임에.. 꼬옥.. (메모메모)

원하는 요소 선택하여 ctrl alt k (근데 상단 패널에서 누르는 게 더 편함)

오토레이아웃

피그마의 가장 강력한 기능이지만 활용할 줄 몰라 돼지목 진주 목걸이 신세였음.

맨날 Shift A 눌러서 박스나 만들고 그랬는데 조금 더 자세히 알게 되어 뿌듯😊

복붙으로 겹쳐있는 인스턴스에 오토레이아웃 걸면 자동 펼침 되는 거 첨 알고 놀란 나..

간격도 만들어 보고 컴포넌트에서 라인도 빼보았음

 

학습 시간 : 1시간(어떤 강의가 좋을까 찾아보기 + 강의 따라 하기)

생각보다 시간 썼는데 막상 보니 별 거 없어서 머쓱 :D

 

짧고 굵은 강의 구성이 좋았음 →  보러 가기(광고 아님)

다음에 학습할 피그마 강의 → 오토레이아웃 정복하기