업무 자동화 피그마 플러그인 TOP5

안녕하세요! 구독자님 이번주 뉴스레터는 피그마로 디자인할 때 귀찮은 반복 작업을 덜어주는 꿀 플러그인 5개를 소개할게요.

왜 이 플러그인들이 필요할까요?

디자인 작업을 하다 보면 비슷한 일을 계속 반복하게 되죠. 예를 들어 같은 이름을 여러 번 쓰고, 같은 색상을 여러 군데 칠하고, 더미 텍스트를 복사해서 붙여넣는 일들이 정말 많아요. 이런 작업들은 정말 지루하고 시간도 많이 걸리죠. 그래서 이런 귀찮은 일들을 대신 해주는 플러그인들을 찾아봤어요.

📌 이런 내용을 알 수 있어요!

- 디자인 실수를 자동으로 찾아주는 플러그인
- 반복 작업을 자동으로 해주는 플러그인
- 임시 텍스트나 이미지를 쉽게 넣어주는 플러그인
- 여러 개의 이름을 한 번에 바꿔주는 플러그인
- 같은 스타일을 한 번에 적용하는 플러그인

Design Lint

디자인 실수를 자동으로 찾아주는 플러그인

Design Lint는 여러분의 디자인에서 실수를 자동으로 찾아주는 정말 유용한 도구예요. 예를 들어서 색상이 조금 다르게 들어갔다거나, 글씨체가 통일되지 않았다거나 하는 실수들을 바로바로 알려줘요.

이 플러그인은 생각보다 기능이 정말 풍부해요. 처음 실행하면 선택 영역이나 전체 페이지 중에 고를 수 있고, 텍스트 스타일, 컬러, R값 등이 제대로 적용됐는지 자동으로 체크해줘요. 발견된 오류는 한 번에 수정할 수도 있고, 하나씩 확인하면서 고칠 수도 있어요.

만약 디자인 팀에서 일하거나 개인적으로 스타일을 자주 놓치는 편이라면, Design Lint로 디자인 검수를 습관화하면 좋아요.

제가 실제로 이 플러그인을 써봤는데요, 정말 신기하게도 제가 미처 발견하지 못한 작은 실수들까지 다 찾아줬어요. 특히 여러 페이지의 디자인을 만들 때 매우 유용했죠. 누군가가 옆에서 "여기 좀 확인해보세요!"라고 알려주는 것 같아서 든든했어요.

플러그인 다운로드

Automator

반복 작업을 자동화

피그마에서 같은 작업을 계속 반복하는 게 지겨우셨죠? Automator는 이런 반복 작업을 자동으로 처리해주는 도구예요. 마치 로봇이 여러분 대신 일을 해주는 것처럼요!

피그마에서 아쉬운 점이 있다면 반복이나 일괄 적용 기능이 조금 부족하다는 거예요. 여러 컴포넌트를 작업하거나 동일한 수정 사항을 적용할 때 일일이 선택하고 반영해야 하는 게 불편하죠. Automator는 이런 반복 작업을 매크로처럼 자동화해주는 플러그인이에요.

포토샵이나 일러스트레이터를 써보신 분들은 익숙하실 거예요. 특정 행동을 순서대로 등록해두면 그대로 실행해주거나, 프레임을 만들고 텍스트를 넣는 등 복잡한 작업도 한 번에 처리할 수 있어요.

예를 들어 버튼을 만들 때마다 그림자 효과를 넣고, 모서리를 둥글게 하고, 특정 색상을 입히는 작업을 매번 하셨나요? Automator를 사용하면 이런 작업들을 버튼 하나로 끝낼 수 있어요. 한 번 설정해두면 다음부터는 클릭 한 번으로 모든 작업이 끝나는 거죠.

플러그인 다운로드

Spectral

개발자와 소통하기

디자이너가 신경 써야 할 중요한 일 중 하나가 바로 개발자와의 소통이에요. 새로운 디자인의 규격, 크기, 색상, 스타일, 인터랙션 등을 상세하게 정리한 핸드오프가 필수죠. Spectral은 이런 정보를 자동으로 정리해서 문서로 만들어줘요.

Spec, Measure, Components 탭으로 나눠져 있어서 간격, 패딩, 구조 등을 쉽게 관리할 수 있고, 선택한 영역의 모든 정보를 자동으로 문서화해줘요. 개발자도 쉽게 이해할 수 있어서 협업이 정말 편해져요.

플러그인 다운로드

Rename It

이름 한 번에 바꾸기

Rename It은 레이어 이름을 변경해주는 플러그인이에요. 특별한 점은 캔버스에 배치된 순서대로 이름을 적용할 수 있다는 거예요.

수많은 레이어의 이름을 하나하나 바꾸느라 힘드셨죠? Rename It을 사용하면 이런 고민이 싹 사라져요. 예를 들어 '버튼1', '버튼2', '버튼3' 이렇게 순서대로 이름을 붙여야 할 때, 클릭 한 번으로 모든 이름을 자동으로 바꿀 수 있어요.

왼쪽에서 오른쪽으로, 위에서 아래로 순서대로 이름을 붙일 수 있고 숫자도 자동으로 매겨줘요. 피그마로 프레젠테이션이나 슬라이드를 만들 때 특히 유용하죠. 내림차순이나 프레임 크기로도 이름을 설정할 수 있어요.

실제로 이 플러그인을 써보고는 "와, 이걸 왜 진작 안 썼지?"라며 깜짝 놀랐다고 해요. 수백 개의 레이어 이름을 바꾸는데 겨우 1분도 안 걸렸어요!

플러그인 다운로드

Batch Styler

스타일 한 번에 적용하기

마지막으로 소개할 Batch Styler는 여러 곳에 같은 스타일을 한 번에 입힐 수 있는 도구예요. 글자 크기, 색상, 그림자 효과 같은 것들을 여러 곳에 한 번에 적용할 수 있어요.

예를 들어 빨간색을 파란색으로 바꾸고 싶을 때, 일일이 클릭해서 바꾸지 않아도 돼요. Batch Styler로 한 번에 싹 바꿀 수 있어요. 마치 마법 지팡이를 휘두르는 것처럼요!

플러그인 다운로드

마무리하며

이번 주에 소개한 다섯 가지 플러그인이 여러분의 디자인 작업에 도움이 됐으면 좋겠어요. 
디자인픽 뉴스레터를 구독하시면, 한땀한땀 모은 디자인 레퍼런스 사이트 100개를 공개합니다. 웰컴 메일로 더 많은 정보가 담긴 1초 만에 바로 받아보실 수 있습니다!

지금 구독하기