Sketch ได้เข้ายึดตลาดการออกแบบโดยพายุ พวกเขาไม่ได้เปิดเผยตัวเลขอย่างเป็นทางการ แต่เห็นได้ชัดว่าทีมออกแบบเกือบทุกทีมที่คุณเข้าร่วมหรือพูดคุยรู้จักหรือใช้ Sketch ในระดับหนึ่ง
หนึ่งในแง่มุมที่ทรงพลังที่สุดของ Sketch คือชุมชนนักพัฒนาที่มีชีวิตชีวาและชุดปลั๊กอินที่ยอดเยี่ยมที่พวกเขาสร้างขึ้นเพื่อใช้งาน ด้วยปลั๊กอิน Sketch คุณสามารถสร้างภาพประกอบ 3 มิติที่สวยงามและภาพเคลื่อนไหวที่ไม่เหมือนใครได้ในไม่กี่วินาที
ฉันรวบรวมรายชื่อปลั๊กอิน Sketch ที่ดีที่สุดห้าสิบรายการเพื่อช่วยคุณประหยัดเวลาในการค้นคว้า ฉันจัดเรียงตามหมวดหมู่ด้านล่าง
Sketch Plugin Managers
Collaboration Sketch Plugins
ปลั๊กอินตัวสร้างเนื้อหาและวัตถุ
ส่งออกและปลั๊กอินการพัฒนาส่วนหน้า
ปลั๊กอินการจัดการเลเยอร์
ยูทิลิตี้
คุณควรเริ่มต้นด้วยการติดตั้งปลั๊กอิน Sketch สี่ตัวนี้ พวกเขาจะช่วยคุณจัดการและเรียกใช้ปลั๊กอินของคุณได้อย่างมีประสิทธิภาพ
ดาวน์โหลดปลั๊กอินที่นี่: https://sketchpacks.com/
เบราว์เซอร์ปลั๊กอิน Sketch ผู้จัดการและตัวอัปเดตอัตโนมัติ นอกจากนี้ Sketch Packs จะช่วยคุณประหยัดจากปัญหาความเข้ากันได้ที่ไม่คาดคิดขณะอัปเดต Sketch ด้วยการล็อกเวอร์ชันปลั๊กอิน
Sketch Runner คือ Spotlight หรือ Alfred for Sketch เป็นปลั๊กอิน 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://lalomrtnz.github.io/Chain/
Chain เป็นปลั๊กอินที่ยอดเยี่ยมสำหรับการเปลี่ยนสีในไฟล์ขนาดใหญ่ ปลั๊กอิน Sketch นี้สร้างความสัมพันธ์ของสีแบบไดนามิกใน Sketch และช่วยให้คุณสามารถเปลี่ยนสีได้ทั่วโลกในทันที
ดาวน์โหลดปลั๊กอินที่นี่: https://kactus.io/
Kaktus เป็นส่วนขยายการควบคุมเวอร์ชันการออกแบบ มันจัดการไฟล์ของคุณและช่วยให้คุณซิงโครไนซ์กับทั้งทีม
ดาวน์โหลดปลั๊กอินที่นี่: https://www.goabstract.com/
ปลั๊กอินนี้เป็น Git สำหรับนักออกแบบ ช่วยให้คุณสามารถจัดการโครงการทั้งหมดและทำงานร่วมกับนักออกแบบคนอื่น ๆ ช่วยให้คุณสามารถควบคุมเวอร์ชันของไฟล์ Sketch ของคุณรวมกับ Slack และช่วยให้คุณรวบรวมความคิดเห็นจากลูกค้าที่ไม่ได้ใช้ Sketch
ดาวน์โหลดปลั๊กอินที่นี่: https://www.invisionapp.com/craft
หนึ่งในส่วนขยาย Sketch ที่ได้รับความนิยมมากที่สุด Craft มอบชุดปลั๊กอินที่แตกต่างกันตั้งแต่ตัวสร้างเนื้อหาไปจนถึงตัวรวบรวมคำติชมไปจนถึงเครื่องมือสร้างต้นแบบ แทนที่จะเพิ่มเนื้อหา lorem ipsum คุณสามารถรับเนื้อหาจริงจากเว็บไซต์ได้ แทนที่จะค้นหาผ่านเว็บไซต์หุ้นเพื่อเพิ่มอวตารของผู้ใช้คุณสามารถทำได้โดยตรงจาก Craft แทนที่จะสร้างหมายเลขโทรศัพท์แบบสุ่มคุณสามารถสร้างได้
นี่เป็นเพียงตัวอย่างบางส่วนว่า Craft ทำงานอย่างไร หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับงานฝีมือคุณควรจะต้องแน่นอน อ่านบทความนี้โดย Bree Chapin Designer ของ ApeeScape .
ดาวน์โหลดปลั๊กอินที่นี่: https://websiddu.github.io/sketch-material/
ปลั๊กอิน Sketch นี้จะช่วยให้คุณสร้างส่วนประกอบใด ๆ จากระบบ Google Material Design
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/De-La-Vega/BootstrapGrid
ปลั๊กอิน Sketch นี้สร้างตาราง Bootstrap ภายในไฟล์ Sketch สิ่งที่คุณต้องทำคือวาดสี่เหลี่ยมผืนผ้าจากนั้นปลั๊กอินจะสร้างเส้นตารางขึ้นมา
ดาวน์โหลดปลั๊กอินที่นี่: https://freedesignresources.net/7-columns-calendar-creator/
7 Column Calendar จะสร้างปฏิทิน 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
อีกหนึ่งปลั๊กอิน Sketch ที่ยอดเยี่ยมในการสร้างรูปแบบแบบสุ่ม เพียงแค่สร้างรูปทรงง่ายๆไม่กี่อย่างแล้ว Skatter จะเปลี่ยนเป็นรูปแบบที่สวยงาม
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/bunnieabc/Blender
ส่วนขยาย Sketch ใหม่นี้ผสมผสานสองรูปร่างเข้าด้วยกันและสร้างการไล่ระดับสีที่สวยงามระหว่างพวกเขา
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/eddiesigner/sketch-map-generator
หากคุณเบื่อที่จะสกรีนช็อตแผนที่สำหรับการออกแบบของคุณคุณจะต้องชอบปลั๊กอินนี้ วาดรูปสี่เหลี่ยมพิมพ์ตำแหน่งของคุณคัดลอกสไตล์จาก แผนที่ Snazzy และเครื่องมือสร้างแผนที่จะจัดการส่วนที่เหลือให้คุณ
ดาวน์โหลดปลั๊กอินที่นี่: 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://websiddu.github.io/sync-to-slides/
ปลั๊กอิน Sketch ที่ยอดเยี่ยมสำหรับผู้ที่ทำงานนำเสนอออนไลน์ มันจะซิงค์อาร์ตบอร์ด Sketch กับ Google สไลด์
ดาวน์โหลดปลั๊กอินที่นี่: http://utom.design/measure/
การวัดผลเหมาะอย่างยิ่งเมื่อคุณต้องส่งไฟล์การออกแบบของคุณไปยังทีมพัฒนา ทำเครื่องหมายมิติข้อมูลทั้งหมดและสร้างไฟล์ HTML ที่มีการออกแบบทั้งหมดดังนั้นนักพัฒนาที่ไม่มี Sketch สามารถเปิดได้อย่างง่ายดาย
ดาวน์โหลดปลั๊กอินที่นี่: 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 คุณจะต้องหลงรักปลั๊กอินนี้ ปลั๊กอินนี้ช่วยให้คุณสามารถเลือกเลเยอร์ที่มีสีเติมสีเส้นขอบขนาดตัวอักษรโหมดผสมและอื่น ๆ
ดาวน์โหลดปลั๊กอินที่นี่: 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 พื้นฐานหรือทำให้สามารถเข้าถึงได้มากขึ้น
ดาวน์โหลดปลั๊กอินที่นี่: http://magicsketch.io/mirror/
หากคุณพลาด Perspective Transformation จาก 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
ด้วยปลั๊กอินทั้งสองนี้คุณสามารถรวมเลเยอร์ข้อความหลาย ๆ ช่องไว้ในช่องข้อความเดียวหรือคุณสามารถแยกช่องข้อความหนึ่งช่องออกเป็นชั้นต่างๆ
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/Carlosarturo28/Appalette
Appalette จะดาวน์โหลดจานสีจากแอปยอดนิยมมากมายเช่น Dropbox, Facebook หรือ Airbnb
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/Tallwave/sketch-spellcheck-all-layers
หนึ่งในปลั๊กอิน Sketch ที่ฉันชอบ มันจะตรวจสอบทั้งไฟล์ว่าพิมพ์ผิด
ดาวน์โหลดปลั๊กอินที่นี่: https://animaapp.github.io/
สี่คำที่อธิบายปลั๊กอินนี้: Responsive Design for Designers
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/matt-curtis/Fluid-for-Sketch
ปลั๊กอินที่ซับซ้อนที่ช่วยให้คุณสร้างอาร์ตบอร์ดที่ตอบสนองตามข้อ จำกัด
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/romashamin/compo-sketch
ด้วยปลั๊กอิน Sketch นี้คุณสามารถสร้างคอมโพเนนต์ไดนามิกระดับถัดไป
ดาวน์โหลดปลั๊กอินที่นี่: https://github.com/apertureless/sketch-flip-size
ปลั๊กอิน Sketch ขนาดเล็กที่จะเปลี่ยนความกว้างและความสูงของวัตถุด้วยทางลัดเดียว
ดาวน์โหลดปลั๊กอินที่นี่: 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 นี้คุณสามารถค้นหาและแทนที่ข้อความภายในไฟล์ของคุณได้
เว็บไซต์หาคู่ใหม่ 2015 ฟรี
•••