웹디자인 시절엔 디자이너가 퍼블리싱까지 했었던 시절이 있었습니다.
그런데 지금 UXUI 디자이너가 퍼블리싱을 하지 않더라도 웹사이트와 앱이 어떻게 동작해야 하는지 css와 html을 알아야 구현 가능한 디자인이 무엇인지 판단할수 있습니다.
그런 의미에서 피그마 작업속도를 올리는 꿀팁 가져와봤습니다.
피그마에서 객체를 화살표로 움직이면 기본적으로 1px씩 움직입니다.
그리고 shift + 화살표키를 누르면 10px씩 움직이죠!
그런데, 그게 다가 아닙니다.
Figma > Preference > Nudge Amount에 보시면 Small nudge와 Big nudge 세팅창이 나옵니다.
빅넛지는 shift + 화살표의 이동 픽셀을 커스텀할 수 있습니다.
빅넛지가 조절된다면 스타일가이드에 따라 픽셀값을 조정하여 이동시 좀 더 빠른 작업이 될 수 있습니다
만약 스타일가이드가 8px단위로 되어있다면 빅넛지의 값을 8px로 조정해 보세요.
이동속도가 빨라져 더욱 빠른 작업이 될것입니다.
오토레이아웃(3) 해상도에 맞는 예제 만들기 (0) | 2023.07.04 |
---|---|
피그마 오토레이아웃(2) Hug, Fixed (0) | 2023.07.04 |
피그마에서 드롭다운 메뉴만들기 (0) | 2023.07.03 |
피그마의 오토레이아웃(1) Space between (0) | 2023.07.03 |
피그마에서 3D 만들기 (0) | 2023.07.03 |