Figma 기초 다시 배우기

어쩌다 피그마를 다시 배워볼라고 기록중.

V: Move

K: Scale(오브젝트나 레이어 전체의 비율을 변경할 수 있다.)

scale은 비율대로 조정할 수 있는데 move와 다른건 뭘까?

A, F: frame 만들기.(왜 단축키는 중복으로 만들었을까?)

S: Slice 원하는 만큼의 영역을 지정하여 내보낼 수 있는 툴(이 툴은 아직 잘 모르겠다!)

R: 사각형

O: 원형

L: 선

P: 펜툴

shift+P: 연필툴

T: 텍스트툴

C: 코멘트툴

C를 누르면 코멘트를 남기는 창이 생긴다.

코멘트를 입력 후 줄바꿈을 하려면 cmd+Enter를 입력하면 된다.

줌(Zoom): 뷰를 확대하거나 축소합니다. 디자인이 캔버스 내 어디에 있는지 보이지 않을 경우 Zoom to ft 을 활용하면 캔버스에 전체 디자인이 나타납니다.
픽셀 프리뷰(Pixel preview): 줌을 확대했을 때 비트맵 이미지가 깨지는 정도를 확인할 수 있습니다. 1x, 2x 에서 어떻게 보이는지 export하지 않고도 체크할 수 있습니다.
픽셀 그리드(Pixel grid): 줌을 확대했을 때 1px 단위의 그리드 선이 보이는 옵션을 끄고 켤 수 있습니다.
스냅 투 픽셀 그리드(Snap to pixel grid): 디자인 요소가 1px 정수 단위로만 이동하게 만들 수 있습니다.
레이아웃 그리드(Layout grids): 레이아웃 그리드를 켜고 끕니다.
자(Rulers): 자 기능을 켜고 끕니다.
아웃라인(Outlines): 모든 벡터 요소를 아웃라인으로 확인할 수 있습니다.
멀티플레이어 커서(Multiplayer cursors): 디자인을 공유하고 실시간으로 작업할 때 다른 사람의 커서를 안 보이도록 할 수 있습니다.

피그마 인터렉션 배워보기

피그마 책을 보고 공부한지 벌써 한달은 된것 같은데 이제서야 인터렉션으로 들어왔다. 물론 매일 조금씩 하다보니 늦어지긴 했지만 그래도 드디어! 복잡해 보이지만 어떤 버튼을 눌렀을때 어

smilewolf.tistory.com

figma style 설정하는 법 배우기

figma도 사용한 서체를 인디자인처럼 스타일로 정의할 수가 있다. Text에서 저 4개의 점을 클릭하면 스타일 지정할 수 있는 창이 열린다. '+'버튼을 클릭해 스타일을 지정한다. 스타일명을 / 슬래시

smilewolf.tistory.com