figma 초보 입문기

figma 배워보기

재미있는 툴을 하나 알게됐다.

올해 이 툴을 좀 자유롭게 사용할 수 있게 될까?

처음 어도비에서 Muse라는 이름으로 지금의 adobeXD가 출시되었을때

정말 기대하고 배워보고 싶었는데 어느덧 adobeXD가 꾸준히 업데이트를 거치며 UX/UI 도구로 점점 커지고 있는 와중

나도 어도비 XD를 조금씩 써보고 있었지만

figma에 대해 알게되었고

전세계적으로 기대가 되는 툴이라고 소개하고 있길래

뭔가 싶어 한번 사용해봤는데 이건 설치도 필요없고 웹에서 바로바로 적용이 되고 바로 저장이 되고 좋더라!

게다가 무료!

디자인도 깔끔하고! 아직까지 내가 많이 배운건 없어서 잘 모르겠지만

버그고 없고

무엇보다 탈 어도비 툴이라는 점에서 높은 점수를 주고 싶다.

어도비 툴을 잘 사용하고 있지만 점점 뭔가 버그가 자꾸 생기는것 같은...

그리고 느리다! 최적화가 잘 안되는 느낌이다!

이게 맥에서만 그런건지...

어쨌든 어도비보다 잘 안쓰지만 잘 만들어진 그런 툴들을 조금씩 배워보고 있다.

그중 figma는 정말 잘 만들어진 프로그램인것 같다.

한번 배워두면 유용하게 쓸 수 있을것 같다.

 

오늘 배운것들을 나만 알 수 있지만

간략하게 정리.

 

 

헥사코드를 쉽게 입력하는 방법

-#ffffff 처럼 똑같이 반복되는 경우 f만 입력하고 엔터

-#aeaeae 같은 경우 ae만 입력하고 엔터

-#aabbcc 같은 경우 abc를 입력하고 엔터

(이건 모든 헥사코드 입력할 수 있는 프로그램에도 동일할까?)

 

컴포넌트에는 2가지가 있다.

마스터 컴포넌트, 인스턴스

 

cmd + opt + K: 마스터 컴포넌트 단축키 (레이어가 보라색으로 변경된다.)

오버라이드(override): 마스터에서 복사한 모양을 유치한 채 다른 속성을 변경시키는 작업

 

cmd+opt+B: detach instant 인스턴스 해지하기

 

shift+A: 오토레이아웃

오토 레이아웃이 되면 구성 요소들끼리의 순서도 간편하게 변경할 수 있다.

(키보드 방향키로도 가능하다)

opt+shift+A: 오토레이아웃 해지