สุดยอดรายชื่อ 50 ปลั๊กอิน Sketch ที่ดีที่สุด

Sketch ได้ครองตลาดการออกแบบโดยพายุ พวกเขาไม่ได้เปิดเผยหมายเลขอย่างเป็นทางการใด ๆ แต่ค่อนข้างชัดเจนว่าเกือบทุกทีมออกแบบที่คุณเข้าร่วมหรือพูดคุยด้วยรู้หรือใช้ Sketch ในระดับหนึ่ง

หนึ่งในแง่มุมที่ทรงพลังที่สุดของ Sketch คือชุมชนนักพัฒนาที่มีชีวิตชีวาและชุดปลั๊กอินที่ยอดเยี่ยมที่พวกเขาสร้างขึ้นสำหรับมัน ด้วยปลั๊กอิน Sketch คุณสามารถสร้างภาพประกอบ 3 มิติที่สวยงามและแอนิเมชั่นที่ไม่เหมือนใครในไม่กี่วินาที

ฉันได้รวบรวมรายการปลั๊กอิน Sketch ที่ดีที่สุดห้าสิบรายการเพื่อช่วยคุณประหยัดเวลาในการค้นคว้า ฉันจัดระเบียบตามหมวดหมู่ด้านล่าง

Sketch Plugin Managers
ปลั๊กอิน Sketch การทำงานร่วมกัน
ปลั๊กอินสร้างเนื้อหาและวัตถุ
ปลั๊กอินการส่งออกและการพัฒนาส่วนหน้า
ปลั๊กอินการจัดการเลเยอร์
สาธารณูปโภค

Sketch Plugin Managers

คุณควรเริ่มต้นด้วยการติดตั้งปลั๊กอิน Sketch สี่ตัวเหล่านี้ พวกเขาจะช่วยคุณจัดการและเรียกใช้ปลั๊กอินของคุณอย่างมีประสิทธิภาพ

Sketch Packs

เบราว์เซอร์ปลั๊กอิน Sketch ตัวจัดการและตัวอัปเดตอัตโนมัติ Sketch Packs จะช่วยคุณประหยัดจากปัญหาความเข้ากันได้ที่ไม่คาดคิดขณะอัปเดต Sketch โดยการล็อคเวอร์ชันของปลั๊กอิน

นักวิ่งสเก็ตช์

http://sketchrunner.com/

Sketch Runner คือ Spotlight หรือ Alfred for Sketch เป็นปลั๊กอิน Sketch อันทรงพลังที่ให้คุณเรียกใช้คำสั่ง Sketch จากแป้นพิมพ์ของคุณ นอกจากนี้ยังเป็นปลั๊กอินที่ติดตั้งและจัดการปลั๊กอินอื่นๆ ให้กับคุณอีกด้วย

Sketch Plugin Manager

ดาวน์โหลดปลั๊กอินที่นี่: https://mludowise.github.io/Sketch-Plugin-Manager/

นี่เป็นปลั๊กอินที่สามในสี่ที่คุณจะพบว่าสะดวกเมื่อต้องการทดสอบและจัดการปลั๊กอินของคุณ มันใช้ Git เพื่อจัดการปลั๊กอินทั้งหมดของคุณและอัปเดตให้ทันสมัยอยู่เสมอ

กล่องเครื่องมือสเก็ตช์

ดาวน์โหลดปลั๊กอินที่นี่: http://sketchtoolbox.com/

Sketch Toolbox เป็นอีกตัวเลือกหนึ่งที่ช่วยคุณจัดการ ติดตั้ง และอัปเดตปลั๊กอิน Sketch ทั้งหมดของคุณ

ในขณะที่คุณควรลองใช้ปลั๊กอินทั้งสี่นี้ ปลั๊กอินที่ฉันชอบคือ Sketch Runner – ให้มากกว่าการจัดการปลั๊กอิน หากคุณชินกับมันแล้ว คุณจะไม่สามารถจินตนาการถึงการใช้ Sketch ได้หากไม่มีมัน

ปลั๊กอิน 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 Designer Bree Chapin

ปลั๊กอินสร้างเนื้อหาและวัตถุ

วัสดุร่าง

ดาวน์โหลดปลั๊กอินที่นี่: https://websiddu.github.io/sketch-material/

ปลั๊กอิน Sketch นี้จะช่วยให้คุณสร้างส่วนประกอบใดๆ จากระบบ Google Material Design

Bootstrap Grid

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/De-La-Vega/BootstrapGrid

ปลั๊กอิน Sketch นี้สร้างตาราง Bootstrap ภายในไฟล์ Sketch สิ่งที่คุณต้องทำคือวาดรูปสี่เหลี่ยมผืนผ้าและปลั๊กอินจะสร้างกริดภายใน

ปฏิทิน 7 คอลัมน์

ดาวน์โหลดปลั๊กอินที่นี่: https://www.ls.graphics/

ปฏิทิน 7 คอลัมน์จะสร้างปฏิทิน 7 คอลัมน์ใดๆ นี่เป็นหนึ่งในปลั๊กอินที่ฉันโปรดปรานอย่างแน่นอน ช่วยประหยัดเวลาได้มากหากต้องการออกแบบปฏิทิน

กระแสของผู้ใช้

ดาวน์โหลดปลั๊กอินที่นี่: https://abynim.github.io/UserFlows/

การสร้างไดอะแกรมการไหลของผู้ใช้เป็นเรื่องง่ายด้วยปลั๊กอิน User Flows Sketch

Looper

ดาวน์โหลดปลั๊กอินที่นี่: http://sureskumar.com/looper/

หนึ่งในรายการโปรดส่วนตัวของฉัน ปลั๊กอินนี้สร้างภาพประกอบที่น่าเหลือเชื่อโดยการสร้างรูปร่างและกลุ่มที่ซ้ำกัน คุณสามารถใช้เพื่อสร้างภาพประกอบได้หลายประเภท เช่น แบนเนอร์ โปสเตอร์ ลวดลาย พื้นหลังนามธรรม และอื่นๆ คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ Looper ได้ที่นี่

ลูกปา

ดาวน์โหลดปลั๊กอินที่นี่: http://www.sketchconfetti.com/

ปลั๊กอิน Sketch นี้สร้างลูกปาจากวัตถุและเลเยอร์ได้ด้วยคลิกเดียว

ไอคอนดอกไม้

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/avadhbsd/IconFlower

การดำเนินการนี้จะจัดเรียงไอคอนในรูปแบบ Phyllotaxis ให้คุณในเวลาไม่นาน

นักเล่นสเก็ต

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/joshdjuric/Skatter

ปลั๊กอิน Sketch ที่ยอดเยี่ยมอีกตัวเพื่อสร้างรูปแบบแบบสุ่ม เพียงแค่สร้างรูปทรงง่ายๆ ไม่กี่แบบแล้ว Skatter จะเปลี่ยนให้เป็นลวดลายที่สวยงาม

เครื่องปั่น

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/bunnieabc/Blender

ส่วนขยาย Sketch ที่สดใหม่นี้ผสมผสานสองรูปร่างเข้าด้วยกันและสร้างการไล่ระดับสีที่สวยงามระหว่างกัน

เครื่องกำเนิดแผนที่

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/eddiesigner/sketch-map-generator

หากคุณเบื่อกับการจับภาพหน้าจอของแผนที่สำหรับการออกแบบของคุณ คุณจะต้องชอบปลั๊กอินนี้ วาดรูปสี่เหลี่ยมผืนผ้า พิมพ์ตำแหน่งของคุณ คัดลอกรูปแบบจาก Snazzy Maps และเครื่องสร้างแผนที่จะจัดการส่วนที่เหลือให้คุณ

พายสเก็ตช์

ดาวน์โหลดปลั๊กอินที่นี่: 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.figma.com/community/plugin/952824515190483725/Sync-to-Slides

ปลั๊กอิน Sketch ที่ยอดเยี่ยมสำหรับผู้ที่ทำงานนำเสนอออนไลน์ มันซิงค์อาร์ตบอร์ด Sketch กับ Google สไลด์

วัด

ดาวน์โหลดปลั๊กอินที่นี่: http://utom.design/measure/

การวัดนั้นสมบูรณ์แบบเมื่อคุณต้องส่งไฟล์การออกแบบของคุณไปยังทีมพัฒนา มันทำเครื่องหมายมิติทั้งหมดและสร้างไฟล์ HTML ที่มีการออกแบบทั้งหมด ดังนั้นนักพัฒนาที่ไม่มี Sketch สามารถเปิดได้อย่างง่ายดาย

Marketch

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/tudou527/marketch

ปลั๊กอินอื่นที่มีประโยชน์เมื่อคุณทำงานร่วมกับทีมพัฒนา มันสร้างไฟล์ HTML ที่มีการออกแบบและให้คุณคัดลอกสไตล์ CSS ของเลเยอร์ทั้งหมดของคุณ

ปลั๊กอินการจัดการเลเยอร์

ปลั๊กอินเหล่านี้มีประโยชน์มากเมื่อคุณจัดการไฟล์การออกแบบขนาดใหญ่ สิ่งเหล่านี้ทำให้คุณสามารถล้าง เปลี่ยนชื่อ ลบ หรือค้นหาผ่านเลเยอร์ Sketch คุณยังสามารถใช้อีโมจิเพื่อจัดการไฟล์ของคุณได้

เปลี่ยนชื่อมัน

ดาวน์โหลดปลั๊กอินที่นี่: 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 คุณจะหลงรักปลั๊กอินนี้ ปลั๊กอินนี้ให้คุณเลือกเลเยอร์ที่มีสีเติม สีเส้นขอบ ขนาดตัวอักษร โหมดการผสม ฯลฯ เหมือนกัน

Sketch Artboard Manager

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/bomberstudios/artboard-manager

ผู้จัดการ Artboard แยกอาร์ตบอร์ดออกเป็นแถวและคอลัมน์ และจัดตำแหน่งของพวกเขา

ร่างค้นหาทุกที่

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/MrPeak/sketch-search-everywhere

ด้วยปลั๊กอิน Sketch นี้ คุณสามารถค้นหาเลเยอร์ใดก็ได้โดยพิมพ์ชื่อ

จัดเรียงฉัน

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/romashamin/sort-me-sketch

ปลั๊กอิน Sketch ขนาดเล็กนี้จะจัดเรียงเลเยอร์หรืออาร์ตบอร์ดของคุณด้วยแป้นพิมพ์ลัดเพียงปุ่มเดียว

สลับเลเยอร์

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/joshwayne/jw-sketch-plugins

ปลั๊กอินที่ยอดเยี่ยมที่เมื่อใช้ร่วมกับ Emojis ในชื่อเลเยอร์ ช่วยให้คุณสามารถสลับการมองเห็นเลเยอร์ที่มาพร้อมกับอีโมจิตาได้

สาธารณูปโภค

ปลั๊กอิน Sketch เหล่านี้ส่วนใหญ่ขยายคุณสมบัติ Sketch พื้นฐานหรือทำให้สามารถเข้าถึงได้มากขึ้น

กระจกวิเศษ 3

ดาวน์โหลดปลั๊กอินที่นี่: http://magicsketch.io/mirror/

หากคุณพลาดการแปลงมุมมองจาก Photoshop ปลั๊กอิน Sketch นี้เป็นสิ่งที่ต้องมี คุณจะสามารถแปลงเลเยอร์ 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

หากคุณทำงานกับไฟล์ Sketch หลายไฟล์ คุณอาจต้องการลองใช้ปลั๊กอินนี้ มันนำเข้าสัญลักษณ์ทั้งหมดจากไฟล์ Sketch หนึ่งไปยังอีกไฟล์หนึ่ง

ย้ายครึ่งพิกเซล

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/canisminor1990/sketch-move-half-pixel

บางครั้งคุณต้องการย้ายวัตถุใน Sketch ครึ่งพิกเซล – เป็นเรื่องง่ายด้วยปลั๊กอินนี้

ปลั๊กอินข้อความ

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/joshwayne/jw-sketch-plugins

ด้วยปลั๊กอินทั้งสองนี้ คุณสามารถรวมเลเยอร์ข้อความหลายชั้นไว้ในฟิลด์ข้อความเดียว หรือคุณสามารถแยกฟิลด์ข้อความหนึ่งฟิลด์เป็นเลเยอร์แยกกัน

Appalette

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/Carlosarturo28/Appalette

Appalette จะดาวน์โหลดจานสีจากแอพยอดนิยมมากมาย เช่น Dropbox, Facebook หรือ Airbnb

ตรวจการสะกดทุกเลเยอร์

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/Tallwave/sketch-spellcheck-all-layers

หนึ่งในปลั๊กอิน Sketch ที่ฉันโปรดปราน มันจะตรวจสอบไฟล์ทั้งหมดเพื่อหาคำผิด

เค้าโครงอัตโนมัติ

ดาวน์โหลดปลั๊กอินที่นี่: https://animaapp.github.io/

คำสี่คำที่อธิบายปลั๊กอินนี้: การออกแบบที่ตอบสนองสำหรับนักออกแบบ

ของเหลว

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/matt-curtis/Fluid-for-Sketch

ปลั๊กอินที่ซับซ้อนที่ช่วยให้คุณสร้างอาร์ตบอร์ดที่ตอบสนองตามข้อจำกัด

คอมโป

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/romashamin/compo-sketch

ด้วยปลั๊กอิน Sketch นี้ คุณสามารถสร้างส่วนประกอบไดนามิกระดับถัดไปได้

FlipSize

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/apertureless/sketch-flip-size

ปลั๊กอิน Sketch ขนาดเล็กที่จะเปลี่ยนความกว้างและความสูงของวัตถุด้วยทางลัดเดียว

Pixel Perfecter

ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/swiadek/pixel-perfecter-sketch-plugin

ด้วยปลั๊กอิน Sketch ที่เรียบง่ายนี้ คุณจะหลีกเลี่ยงมิติของเลเยอร์ที่ใช้งานไม่ได้

ไอคอนตรายาง

ดาวน์โหลดปลั๊กอินที่นี่: 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:

• eCommerce UX – ภาพรวมของแนวทางปฏิบัติที่ดีที่สุด (พร้อมอินโฟกราฟิก)
• ความสำคัญของการออกแบบที่เน้นมนุษย์เป็นศูนย์กลางในการออกแบบผลิตภัณฑ์
• ผลงานออกแบบ UX ที่ดีที่สุด – กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
• หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
• การออกแบบที่คาดหวัง: วิธีสร้างประสบการณ์ผู้ใช้ที่มีมนต์ขลัง