최고의 스케치 플러그인 50개의 최종 목록

Sketch는 디자인 시장을 폭풍으로 몰아넣었습니다. 공식 수치는 공개하지 않지만, 당신이 합류하거나 이야기를 나누는 거의 모든 디자인 팀이 Sketch에 대해 알고 있거나 어느 정도 사용하고 있다는 것은 매우 분명합니다.

Sketch의 가장 강력한 측면 중 하나는 활기찬 개발자 커뮤니티와 이를 위해 구축한 환상적인 플러그인 세트입니다. Sketch 플러그인을 사용하면 멋진 3D 일러스트레이션과 독특한 애니메이션을 몇 초 만에 만들 수 있습니다.

연구 시간을 절약할 수 있는 최고의 스케치 플러그인 50가지 목록을 수집했습니다. 아래 카테고리별로 정리해봤습니다.

스케치 플러그인 관리자
협업 스케치 플러그인
콘텐츠 및 개체 생성기 플러그인
내보내기 및 프런트 엔드 개발 플러그인
레이어 관리 플러그인
유용

스케치 플러그인 관리자

이 네 가지 Sketch 플러그인 중 하나를 설치하는 것으로 시작해야 합니다. 플러그인을 효율적으로 관리하고 실행하는 데 도움이 됩니다.

스케치 팩

Sketch 플러그인 브라우저, 관리자 및 자동 업데이터. 또한 Sketch Pack은 플러그인 버전을 잠가 Sketch를 업데이트하는 동안 예기치 않은 호환성 문제를 방지합니다.

스케치 러너

http://sketchrunner.com/

Sketch Runner는 Sketch의 Spotlight 또는 Alfred입니다. 키보드에서 Sketch 명령을 실행할 수 있는 강력한 Sketch 플러그인입니다. 다른 플러그인을 설치하고 관리하는 플러그인이기도 합니다.

스케치 플러그인 관리자

여기에서 플러그인 다운로드: https://mludowise.github.io/Sketch-Plugin-Manager/

이것은 플러그인을 테스트하고 관리할 때 편리하게 찾을 수 있는 네 가지 플러그인 중 세 번째입니다. Git을 사용하여 모든 플러그인을 관리하고 최신 상태로 유지합니다.

스케치 도구 상자

플러그인 다운로드: http://sketchtoolbox.com/

Sketch Toolbox는 모든 Sketch 플러그인을 관리, 설치 및 업데이트하는 데 도움이 되는 또 다른 옵션입니다.

이 네 가지 플러그인을 모두 시도해야 하지만 제가 가장 좋아하는 플러그인은 Sketch Runner입니다. 플러그인 관리 이상의 기능을 제공합니다. 익숙해지면 Sketch 없이는 상상할 수 없습니다.

협업 스케치 플러그인

플러그인 관리자를 선택했다면 파일을 관리하고, 친구와 협업하고, 피드백을 수집하는 등의 작업을 수행할 수 있는 Sketch 협업 플러그인을 사용해 보겠습니다.

제로 높이

여기에서 플러그인 다운로드: https://zeroheight.com/

Zero Height는 자산 라이브러리 및 스타일 가이드를 만들고, 다른 디자이너와 협업하고, 클라우드에서 모든 것을 동기화할 수 있는 외부 무료 플러그인입니다.

체인

여기에서 플러그인 다운로드: https://github.com/lalomts/Chain

Chain은 대용량 파일의 색상 변경과 관련하여 훌륭한 플러그인입니다. 이 Sketch 플러그인은 Sketch에서 동적 색상 관계를 생성하고 즉석에서 전역적으로 색상을 변경할 수 있는 가능성을 제공합니다.

칵투스

플러그인 다운로드: https://kactus.io/

Kaktus는 디자인 버전 관리 확장 프로그램입니다. 파일을 관리하고 전체 팀과 동기화 상태를 유지합니다.

추상적 인

플러그인 다운로드: https://www.goabstract.com/

이 플러그인은 디자이너를 위한 Git입니다. 전체 프로젝트를 관리하고 다른 디자이너와 협업할 수 있습니다. Sketch 파일의 버전 제어를 제공하고 Slack과 통합되어 Sketch를 사용하지 않는 클라이언트로부터 피드백을 수집할 수 있습니다.

InVision의 공예

플러그인 다운로드: https://www.invisionapp.com/craft

가장 인기 있는 Sketch 확장 기능 중 하나인 Craft는 콘텐츠 생성기에서 피드백 수집기, 프로토타이핑 도구에 이르기까지 다양한 플러그인 세트를 제공합니다. lorem ipsum 콘텐츠를 추가하는 대신 웹사이트에서 실제 콘텐츠를 얻을 수 있습니다. 사용자 아바타를 추가하기 위해 주식 웹사이트를 검색하는 대신 Craft에서 직접 수행할 수 있습니다. 임의의 전화 번호를 만드는 대신 생성할 수 있습니다.

이것은 Craft가 작동하는 방식의 몇 가지 예일 뿐입니다. Craft에 대해 더 알고 싶다면 Toptal 디자이너 Bree Chapin의 이 기사를 반드시 읽어야 합니다.

콘텐츠 및 개체 생성기 플러그인

스케치 재료

플러그인 다운로드: https://websiddu.github.io/sketch-material/

이 Sketch 플러그인을 사용하면 Google Material Design 시스템에서 모든 구성요소를 생성할 수 있습니다.

부트스트랩 그리드

여기에서 플러그인 다운로드: https://github.com/De-La-Vega/BootstrapGrid

이 스케치 플러그인은 스케치 파일 내부에 부트스트랩 그리드를 생성합니다. 직사각형을 그리기만 하면 플러그인이 그 안에 그리드를 생성합니다.

7열 달력

여기에서 플러그인 다운로드: https://www.ls.graphics/

7 열 달력은 7 열 달력을 생성합니다. 이것은 확실히 내가 가장 좋아하는 플러그인 중 하나입니다. 달력을 디자인해야 하는 경우 많은 시간을 절약할 수 있습니다.

사용자 흐름

플러그인 다운로드: https://abynim.github.io/UserFlows/

사용자 흐름 다이어그램 생성은 User Flows Sketch 플러그인을 사용하면 케이크 조각입니다.

자벌레

플러그인 다운로드: http://sureskumar.com/looper/

개인적으로 가장 좋아하는 것 중 하나인 이 플러그인은 모양과 그룹을 복제하여 놀라운 일러스트레이션을 생성합니다. 배너, 포스터, 패턴, 추상 배경 등과 같은 다양한 유형의 일러스트레이션을 만드는 데 사용할 수 있습니다. 여기에서 Looper에 대해 자세히 알아볼 수 있습니다.

색종이 조각

플러그인 다운로드: http://www.sketchconfetti.com/

이 Sketch 플러그인은 한 번의 클릭으로 개체와 레이어에서 색종이 조각을 생성합니다.

아이콘 꽃

여기에서 플러그인 다운로드: https://github.com/avadhbsd/IconFlower

이것은 곧 당신을 위해 Phyllotaxis 패턴으로 아이콘을 정렬할 것입니다.

스케이터

여기에서 플러그인 다운로드: https://github.com/joshdjuric/Skatter

무작위 패턴을 생성하는 또 다른 훌륭한 스케치 플러그인. 몇 가지 간단한 모양을 만들기만 하면 Skatter가 이를 아름다운 패턴으로 바꿀 것입니다.

블렌더

플러그인 다운로드: https://github.com/bunnieabc/Blender

이 새로운 Sketch 확장 프로그램은 두 가지 모양을 함께 혼합하고 그 사이에 아름다운 그라디언트를 만듭니다.

지도 생성기

플러그인 다운로드: https://github.com/eddiesigner/sketch-map-generator

디자인을 위한 스크린샷 맵에 지쳤다면 이 플러그인을 좋아할 것입니다. 직사각형을 그리고, 위치를 입력하고, Snazzy Maps에서 스타일을 복사하면 나머지는 Map Generator가 알아서 해줍니다.

스케치 파이

여기에서 플러그인 다운로드: https://github.com/longzheng/sketch-randomSize

Sketch는 파이 차트를 만드는 데 가장 좋은 도구는 아니지만... Sketchy Pies가 있습니다. 원형 또는 원형 차트를 생성하는 이 Sketch 플러그인입니다.

임의 크기 조정

여기에서 플러그인 다운로드: https://github.com/longzheng/sketch-randomSize

차트 생성을 위한 또 다른 훌륭한 Sketch 확장 프로그램입니다. 이 플러그인으로 모든 모양 치수를 무작위화하여 막대 차트를 만들 수 있습니다.

내보내기 및 프런트 엔드 개발 플러그인

이러한 플러그인을 사용하면 코딩 기술 없이 HTML/CSS 파일, 전체 웹사이트 또는 코딩된 뉴스레터를 게시할 수 있습니다. 또한 이러한 확장 중 일부는 Sketch를 사용하지 않는 개발 팀을 위한 파일을 생성합니다.

발사대

플러그인 다운로드: https://launchpad.animaapp.com/

Sketch 내에서 직접 코드 지식 없이도 바로 사용할 수 있는 웹사이트를 게시할 수 있는 뛰어난 Sketch 플러그인입니다.

슬링키

플러그인 다운로드: https://launchpad.animaapp.com/

다음에 고객이 이메일 템플릿 작업을 요청할 때 이 플러그인을 다운로드하세요. 반응형 HTML 지원 코드로 이메일 템플릿을 쉽게 만드는 데 도움이 됩니다.

슬라이드에 동기화

여기에서 플러그인 다운로드: https://www.fiigma.com/community/plugin/952824515190483725/Sync-to-Slides

온라인 프레젠테이션 작업을 하는 사람들을 위한 훌륭한 Sketch 플러그인입니다. Sketch 대지를 Google 프레젠테이션과 동기화합니다.

측정하다

플러그인 다운로드: http://utom.design/measure/

측정은 디자인 파일을 개발 팀에 전달해야 할 때 완벽합니다. 모든 치수를 표시하고 전체 디자인이 포함된 HTML 파일을 생성하므로 Sketch가 없는 개발자도 쉽게 열 수 있습니다.

시장

여기에서 플러그인 다운로드: https://github.com/tudou527/marketch

개발 팀과 협업할 때 편리해지는 또 다른 플러그인입니다. 디자인이 포함된 HTML 파일을 생성하고 모든 레이어의 CSS 스타일을 복사할 수 있습니다.

레이어 관리 플러그인

이 플러그인은 방대한 디자인 파일을 관리할 때 정말 유용합니다. 이를 통해 스케치 레이어를 청소, 이름 변경, 제거 또는 검색할 수 있습니다. 이모티콘을 사용하여 파일을 관리할 수도 있습니다.

이름 바꾸기

여기에서 플러그인 다운로드: https://github.com/rodi01/RenameIt

이 Sketch 플러그인을 사용하면 여러 레이어를 선택하고 단일 단축키를 사용하여 한 번에 여러 레이어의 이름을 바꿀 수 있습니다.

쓸모없는 그룹 정리

여기에서 플러그인 다운로드: https://github.com/bomberstudios/Cleanup-Useless-Groups

빠르게 작업할 때 빈 그룹이 생길 수 있습니다. 이 Sketch 플러그인은 불필요한(중복되거나 비어 있는) 그룹을 모두 제거하여 문제를 해결합니다.

친숙한 레이어 선택

여기에서 플러그인 다운로드: https://github.com/wonderbit/sketch-select-similar-layers

Adobe Illustrator의 "유사한 개체 선택" 기능에 익숙하지만 Sketch에서 이 기능이 누락된 경우 이 플러그인이 마음에 드실 것입니다. 이 플러그인을 사용하면 채우기 색상, 테두리 색상, 글꼴 크기, 혼합 모드 등이 동일한 레이어를 선택할 수 있습니다.

스케치 대지 관리자

여기에서 플러그인 다운로드: https://github.com/bomberstudios/artboard-manager

대지 관리자는 대지를 행과 열로 스냅하고 위치를 정렬합니다.

어디서나 스케치 검색

여기에서 플러그인 다운로드: https://github.com/MrPeak/sketch-search-everywhere

이 Sketch 플러그인을 사용하면 이름을 입력하기만 하면 모든 레이어를 찾을 수 있습니다.

나를 정렬

여기에서 플러그인 다운로드: https://github.com/romashamin/sort-me-sketch

이 작은 Sketch 플러그인은 하나의 키보드 단축키로 레이어 또는 아트보드를 정렬합니다.

레이어 토글

여기에서 플러그인 다운로드: https://github.com/joshwayne/jw-sketch-plugins

레이어 이름의 이모티콘과 함께 눈 이모티콘과 함께 제공되는 레이어 가시성을 토글할 수 있는 훌륭한 플러그인입니다.

유용

이러한 스케치 플러그인은 주로 기본 스케치 기능을 확장하거나 더 쉽게 액세스할 수 있도록 합니다.

매직 미러 3

플러그인 다운로드: http://magicssketch.io/mirror/

Photoshop의 Perspective Transformation을 놓치고 있다면 이 Sketch 플러그인이 있어야 합니다. 스케치 레이어를 파괴하지 않고 원근감 있게 변형할 수 있습니다.

뚜렷한

플러그인 다운로드: http://www.getstark.co/

프로젝트 접근성에 관심이 있다면 필수 플러그인입니다. 색맹 시뮬레이터 및 대비 검사기입니다.

편리한 도구

여기에서 플러그인 다운로드: https://github.com/webpatch/Handy-Tools

Handy Tools는 레이어 정렬, 간격 또는 레이어 가시성 전환과 같은 기능 세트를 제공합니다.

넛지 코너 반경

여기에서 플러그인 다운로드: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

이 플러그인을 사용하면 키보드에서 모서리 반경을 변경할 수 있습니다.

가져오기 기호

여기에서 플러그인 다운로드: https://github.com/kmerc/sketch-import-symbols

여러 스케치 파일에서 작업하는 경우 이 플러그인을 확인하는 것이 좋습니다. 한 스케치 파일에서 다른 스케치 파일로 모든 기호를 가져옵니다.

절반 픽셀 이동

플러그인 다운로드: https://github.com/canisminor1990/sketch-move-half-pixel

때때로 Sketch에서 개체를 0.5픽셀 이동하고 싶을 때가 있습니다. 이 플러그인을 사용하면 케이크 조각이 됩니다.

텍스트 플러그인

여기에서 플러그인 다운로드: https://github.com/joshwayne/jw-sketch-plugins

이 두 플러그인을 사용하면 여러 텍스트 레이어를 하나의 텍스트 필드로 결합하거나 하나의 텍스트 필드를 별도의 레이어로 분할할 수 있습니다.

팔레트

여기에서 플러그인 다운로드: https://github.com/Carlosarturo28/Appalette

Appalette는 Dropbox, Facebook 또는 Airbnb와 같은 많은 인기 앱에서 색상 팔레트를 다운로드합니다.

모든 레이어 맞춤법 검사

여기에서 플러그인 다운로드: https://github.com/Tallwave/sketch-spellcheck-all-layers

내가 가장 좋아하는 스케치 플러그인 중 하나. 전체 파일에 오타가 있는지 검사합니다.

자동 레이아웃

플러그인 다운로드: https://animaapp.github.io/

이 플러그인을 설명하는 네 단어: 디자이너를 위한 반응형 디자인.

체액

플러그인 다운로드: https://github.com/matt-curtis/Fluid-for-Sketch

제약 조건에 따라 반응형 아트보드를 만들 수 있는 복잡한 플러그인입니다.

콤포

여기에서 플러그인 다운로드: https://github.com/romashamin/compo-sketch

이 Sketch 플러그인을 사용하면 다음 단계의 동적 구성 요소를 만들 수 있습니다.

플립사이즈

플러그인 다운로드: https://github.com/apertureless/sketch-flip-size

하나의 바로 가기로 개체 너비와 높이를 전환하는 작은 스케치 플러그인.

픽셀 퍼펙터

여기에서 플러그인 다운로드: https://github.com/swiadek/pixel-perfecter-sketch-plugin

이 간단한 스케치 플러그인을 사용하면 깨진 레이어 치수를 피할 수 있습니다.

아이콘 스탬퍼

여기에서 플러그인 다운로드: https://github.com/tylergaw/icon-stamper

다양한 크기의 아이콘을 생성하는 Sketch 플러그인입니다.

소셜 아트보드

여기에서 플러그인 다운로드: https://github.com/herrhelms/social-artboards-sketch

소셜 미디어 이미지를 많이 만드는 경우 이 Sketch 플러그인을 사용하면 다양한 크기의 아트보드를 생성하여 많은 시간을 절약할 수 있습니다.

찾기 및 바꾸기

여기에서 플러그인 다운로드: https://github.com/thierryc/Sketch-Find-And-Replace

이 Sketch 플러그인을 사용하면 파일 내의 모든 텍스트를 찾고 바꿀 수 있습니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
• 제품 디자인에서 인간 중심 디자인의 중요성
• 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
• 모바일 인터페이스에 대한 경험적 원리
• 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법