디자이너의 코딩노트 디자이너의 코딩노트

피그마를 처음 쓸 때는 포토샵이나 일러스트레이터랑 비슷한 툴이라고 생각했다. 쓰다 보니 달랐다. 화면 설계와 프로토타입, 공유까지 한 곳에서 할 수 있어서 실무에서 점점 더 많이 쓰게 됐다. 특히 웹앱 기획할 때 와이어프레임부터 실제 디자인까지 피그마 하나로 진행했다. 실무에서 자주 쓰는 기능들을 정리했다. 프레임 — 페이지의 기준이 되는 영역 피그마에서 작업을 시작할 때는 먼저 프레임(Frame)을 만든다. 프레임은 작업할 화면의 크기를 정의하는 영역이다. 모바일이면 375×812, 데스크탑이면 1440×900 같은 식으로 기기 크기에 맞게 설정한다. 프레임 안에서 작업하면 나중에 프로토타입 연결이나 공유할 때 화면 단위로 깔끔하게 관리할 수 있다. 💡 단축키 F를 누르면 바로 프레임..