Sketch ∥ UI 디자인에 유용한 스케치 플러그인 추천 정리

sketchpacks

플러그인을 기본적으로 관리해주는 Sketchpacks 프로그램을 깔아서 사용할 것

매번 업데이트 되는 플러그인들을 자동으로 버전관리를 해주는 툴

 

플러그인명	기능		사용방법	필수	비고
PDF export	작업한 Artboard들을 PDF파일로 변환시켜줌 좌>우, 위>아래 방향설정도 자유로움		*설명은 추후 필요시 업데이트 하겠음	필수템
	https://www.sketchpacks.com/DWilliames/PDF-export-sketch-plugin?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=pdf%20export
Merge duplicates	같은 이름의 심볼을 하나의 심볼로 합쳐주는 기능 장점은 어떤 심볼로 합칠지 고를수있음(둘중에 얼마나 많이 사용됬는지도 볼수있음)		*설명은 추후 필요시 업데이트 하겠음	필수템	인기가 너무 많아서 현재 유료로 전환됨
	http://www.mergeduplicates.com/http://www.mergeduplicates.com/
Symbol Merger	같은 이름의 심볼을 하나의 심볼로 합쳐주는기능 내가 어떤 심볼로 취합할지 고를수 없음(불편..)		*설명은 추후 필요시 업데이트 하겠음
	https://www.sketchpacks.com/franklymrshankly/Symbol-Merger?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=merger
Stark	웹 접근성 명도 테스트를 할 수 있는 플러그인  각 텍스트나 컬러를 선택하고 해당 플러그인을 실행시키면 사용하기 좋은 폰트 크기나 현재 컬러의 명도대비등을 알려줌		*설명은 추후 필요시 업데이트 하겠음	필수템
	https://www.sketchpacks.com/stark-contrast/stark-sketch-plugin?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=stark
Anima	html변환기능도 있으며, 각 심볼들의 위치값등을 더 세세하게 정할 수 있음 초기 Sketch파일에서는 유용했으나 점점 스케치 성능이 업데이트 되면서 필자는 현재 사용하지 않음. 단점은 Anima를 이용해서 위치값을 설정한 파일을 다른 사람이 Anima를 설치하지 않은 상태에서 열면 깨진다는점..		*설명은 추후 필요시 업데이트 하겠음	그냥 스케치본래 기능만 잘활용하면 불필요 *반응형이나 이런기능을 html로 뽑아서 보고싶다면 써볼만함
	https://www.sketchpacks.com/AnimaApp/Auto-Layout?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=anima
Symbol Instance Renamer	심볼을 아트보트에서 복사하거나 변경하게되면 기존의 이름 혹은 심볼이름뒤에 Copy가 붙게되는데 이런 심볼들의 이름을 내가 설정해 놓은 심볼 값의 이름으로 전체 변환해줌		*설명은 추후 필요시 업데이트 하겠음	필수템
	https://www.sketchpacks.com/sonburn/symbol-instance-renamer?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=rename
Golden Line Height	황금비율로 행간을 잡아줌. 텍스트 디자인시 단축키(커멘드+쉬프트+R)를 활용하여 사용하면 텍스트 스타일을 쉽게 잡을 수 있음.		*설명은 추후 필요시 업데이트 하겠음	여러명이 작업할때 필수템
	https://www.sketchpacks.com/lorenzwoehr/Golden-Ratio-Line-Height-Sketch-Plugin?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=Golden
Artboard Manager	아트보드 간격을 잡아줌  순서대로 진행하지않을때, 어플리케이션과 같은 각 화면마다 높이의 비율이 다를때 용의함 위아래 간격의 픽셀까지 정할수있음!		*설명은 추후 필요시 업데이트 하겠음		Auto모드를 켜놓고 있으면 자동으로 정렬되는데 파일이 많을수록 시간이 조금 오래걸림 한 대략 5초?
	https://www.sketchpacks.com/bomberstudios/artboard-manager?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=artboard
Symbol Organizer	심볼 정리를 도와줌 위의 Artboard Manager와 비슷한기능이나 심볼의 depth(/각슬래시를기준으로)까지 그룹으로 잡아주는 기능이 특이함 심볼의 sort기능도 저절로 해줘서 좋음			필수템	사용방법 : https://handzumade.tistory.com/25
	https://www.sketchpacks.com/sonburn/symbol-organizer?utm_source=desktop&utm_medium=feed&utm_campaign=0.6.2&utm_term=organizer

 

 

※ 내용중에 혹시나 잘 못된 정보가 있다면 꼭! 댓글로 알려주세요