스케치 플러그인 추천 TOP 15

나는 거의 모든 것을 스케치를 이용해 디자인한다. 일단 가볍고, 쓰기가 편하다. 빨리 익숙해질 수 있는 툴이라 다른 프로그램은 스케치에 없는 기능을 활용할 때 쓰는 편이다. 스케치를 더욱 편하게 활용할 수 있도록 많은 사람들이 플러그인이라는 것을 만들었다. 레이어 이름을 한꺼번에 바꿀 때, 개발자에게 줄 디자인 가이드를 만들어야 할 때 등등 편의를 위한 기능을 많이 만들어놨다. 안그래도 좋은 스케치를 더욱 쉽고 좋게 만들어줄, 유용한 플러그인들을 소개한다.

 

 

Zeplin

필수 플러그인. 디자인한 것을 개발자에게 전달할 때, 이만한 툴이 없다. 디자인을 속성값으로 보여주며 따로 가이드에 많은 시간을 할애하지 않더라도 제플린 하나면 가이드라인을 만들기 쉽다. 디자인에 쓰인 컬러와 타이포로 가이드를 쉽게 만들 수 있고, 컴포넌트는 다운로드 받을수도 있다. 요소를 클릭하면 그 요소의 컬러값, 크기, 패딩값까지 모두 알 수 있어 개발자와 소통해야한다면 무조건 필수로 다운받길 바란다.

https://zeplin.io/

 

 

Anima

스마트 레이아웃 기능이 최고다. 글줄이 2줄이 되면 밑의 컨텐츠들이 알아서 내려가서 굉장히 편리하다.

https://www.animaapp.com/

 

 

Craft

Invision에서 만든 플러그인. 워낙 유명해서 모르는 사람이 없을 것 같다. 이미지 더미에 스톡 이미지를 넣거나, 텍스트 더미에 이름/날짜/글 중 원하는 텍스트를 넣을 수 있다. 나는 이 기능을 가장 많이 쓴다. 프로필용 이미지를 몇 번의 클릭만으로 뚝딱 일괄 삽입할 수 있고, 이름도 긁어다 붙이지 않아도 다양한 사람들의 이름을 적용할 수 있다. 또한 내용을 수평, 수직으로 원하는 값과 간격값을 입력하면 한번에 일괄 복제된다. Invision의 프로토타이핑 툴도 써볼만 하다. 관심이 있다면 시도해보길 바란다.

https://www.invisionapp.com/craft

 

 

Pixel Perfector

소수점 제거 플러그인. 자잘하게 신경쓰지 못한 소수점들을 없애주는 기능이다.

https://github.com/swiadek/pixel-perfecter-sketch-plugin?ref=thesketchapphub

 

 

Map generator

지도 생성 플러그인. 원하는 장소를 지도로 추가할 수 있다. 

https://github.com/eddiesigner/sketch-map-generator

 

 

Rename It

레이어의 이름을 변경할 수 있는 플러그인, 일괄적으로 변경할 수 있다. 레이어뿐 아니라 그룹, 아트보드의 이름도 수정할 수 있어 유용하다.

https://rodi01.github.io/RenameIt/

 

 

Swatches

웹과 앱에 적합한 컬러를 모아놓은 팔레트. 꽤 유용한 색이 많아 활용하기 좋다. 이중에 특히 open color의 회색조를 좋아한다. 이유는 바로 이 글 때문. 적절한 상황에 쓰이도록 세심한 가이드를 공유해주셨다.

https://yeun.github.io/open-color/

 

 

Align Text Baseline

텍스트의 베이스라인을 맞춰주는 플러그인

https://github.com/soutaro/Align-text-baseline-sketch-plugin

 

 

Paddy

패딩값을 쉽게 변경하도록 도와주는 플러그인

https://github.com/DWilliames/paddy-sketch-plugin?ref=thesketchapphub

 

 

Symbol Organizer

많은 심볼들을 일일이 정리하기 귀찮은데, 심볼 이름으로 쉽게 정렬해주는 플러그인. 스타일가이드 정리할 때 유용할 것 같다.

https://github.com/sonburn/symbol-organizer

 

 

Mirror

디자인한 화면을 모바일 환경에서 볼 수 있도록 해준다.

https://mirr.io/?ref=thesketchapphub

 

 

Duplicator

원하는 방향과 일정한 간격으로 레이어를 복제할 수 있다. 표를 만들거나 여러번 복제해야하는 귀찮음을 덜 수 있다.

https://github.com/turbobabr/duplicator

 

 

Looper

일러스트레이터에서 만든듯 멋진 패턴을 만들어보고싶다면 좋을듯.

https://github.com/sureskumar/Looper?ref=thesketchapphub

 

 

Stark

접근성을 확인할 수 있는 플러그인. 수치를 통해 색약인 사람도 무리없이 잘 볼 수 있는지 확인할 수 있다. 웹이나 앱 디자인을 하면서 윤리적인 측면을 놓치기 쉬운데, 이 플러그인이 있다면 한번쯤 실행해 체크해보는 것도 좋을 것 같다.

https://www.getstark.co/?ref=thesketchapphub

 

 

Blender

일러스트에서 정말 자주 썼던 기능인데, 이제는 스케치에서도 쓸 수 있다. 일러스트레이터와 마찬가지로 색감뿐 아니라 도형, 글자까지 블렌딩할 수 있다. 자주 쓰지는 않겠지만, 일러스트레이터를 켜도 되지 않아 특수한 상황에 유용할 것 같다.

https://github.com/bunnieabc/Blender