القائمة النهائية المكونة من 50 من أفضل المكونات الإضافية للرسم

استحوذ Sketch على سوق التصميم عن طريق العاصفة. إنهم لا يصدرون أي أرقام رسمية ، ولكن من الواضح جدًا أن أي فريق تصميم تقريبًا تنضم إليه أو تتحدث إليه يعرف أو يستخدم Sketch إلى حد ما.

أحد أقوى جوانب Sketch هو مجتمع المطورين المفعم بالحيوية والمجموعة الرائعة من المكونات الإضافية التي قاموا ببنائها من أجله. باستخدام مكونات Sketch الإضافية ، يمكنك إنشاء رسوم توضيحية ثلاثية الأبعاد رائعة ورسوم متحركة فريدة في ثوانٍ.

جمعت قائمة من خمسين من أفضل المكونات الإضافية لـ Sketch لتوفير الوقت في البحث. لقد نظمتهم حسب الفئات أدناه.

مدراء رسم البرنامج المساعد
ملحقات رسم التعاون
المكونات الإضافية لمولد المحتوى والكائنات
تصدير وتطوير الإضافات الأمامية
إضافات إدارة الطبقة
خدمات

مدراء رسم البرنامج المساعد

يجب أن تبدأ بتثبيت أحد مكونات Sketch الإضافية الأربعة. سوف يساعدونك في إدارة وتشغيل المكونات الإضافية بكفاءة.

حزم رسم

متصفح البرنامج المساعد Sketch ، والمدير ، والمحدث التلقائي. ستوفر لك حزم Sketch أيضًا من مشكلات التوافق غير المتوقعة أثناء تحديث Sketch عن طريق قفل إصدارات البرنامج المساعد.

عداء رسم

http://sketchrunner.com/

Sketch Runner هو Spotlight أو Alfred for Sketch. إنه مكون إضافي قوي 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://github.com/lalomts/Chain

Chain هو مكون إضافي رائع عندما يتعلق الأمر بتغييرات الألوان في الملفات الضخمة. ينشئ المكون الإضافي Sketch هذا علاقات ألوان ديناميكية في Sketch ويمنحك إمكانية تغيير الألوان عالميًا أثناء التنقل.

Kaktus

قم بتنزيل المكون الإضافي هنا: https://kactus.io/

Kaktus هو امتداد للتحكم في إصدار التصميم. يدير ملفاتك ويبقيك متزامنًا مع الفريق بأكمله.

الملخص

قم بتنزيل البرنامج المساعد من هنا: https://www.goabstract.com/

هذا البرنامج المساعد هو بوابة للمصممين. يسمح لك بإدارة المشروع بأكمله والتعاون مع مصممين آخرين. يمنحك التحكم في إصدار ملفات Sketch الخاصة بك ، وهو مدمج مع Slack ، ويسمح لك بجمع التعليقات من العملاء الذين لا يستخدمون Sketch.

صنع بواسطة InVision

قم بتنزيل المكونات الإضافية هنا: https://www.invisionapp.com/craft

يعد Craft أحد أكثر امتدادات Sketch شيوعًا ، حيث يمنحك مجموعة من المكونات الإضافية المختلفة من منشئ المحتوى إلى مجمّع التعليقات إلى أدوات النماذج الأولية. بدلاً من إضافة محتوى lorem ipsum ، يمكنك الحصول على محتوى حقيقي من موقع ويب. بدلاً من البحث في مواقع الأسهم لإضافة صور رمزية للمستخدم ، يمكنك القيام بذلك مباشرة من Craft. بدلاً من تكوين أرقام هواتف عشوائية ، يمكنك فقط إنشاؤها.

هذه ليست سوى أمثلة قليلة على كيفية عمل الحرف اليدوية. إذا كنت ترغب في معرفة المزيد عن Craft ، فعليك بالتأكيد قراءة هذه المقالة من قبل Toptal Designer Bree Chapin.

المكونات الإضافية لمولد المحتوى والكائنات

مواد رسم

قم بتنزيل المكون الإضافي هنا: https://websiddu.github.io/sketch-material/

سيسمح لك هذا المكون الإضافي Sketch بإنشاء أي مكون من نظام Google Material Design.

شبكة التمهيد

قم بتنزيل المكون الإضافي هنا: 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.

وبير

قم بتنزيل البرنامج المساعد من هنا: 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 ، وسيقوم 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.figma.com/community/plugin/952824515190483725/Sync-to-Slides

مكون إضافي 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 ، فستحب هذا المكون الإضافي. يتيح لك هذا المكون الإضافي تحديد طبقات بنفس لون التعبئة ولون الحدود وحجم الخط ووضع المزج وما إلى ذلك.

مدير Sketch Artboard

قم بتنزيل البرنامج المساعد من هنا: https://github.com/bomberstudios/artboard-manager

يقوم Artboard Managers بإدراج اللوحات الفنية في صفوف وأعمدة وترتيب مواقعها.

البحث في سكتش في كل مكان

قم بتنزيل المكون الإضافي هنا: https://github.com/MrPeak/sketch-search-everywhere

باستخدام هذا المكون الإضافي Sketch ، يمكنك العثور على أي طبقة بمجرد كتابة اسمها.

رتب عني

قم بتنزيل المكون الإضافي هنا: https://github.com/romashamin/sort-me-sketch

سيقوم هذا المكون الإضافي Sketch الصغير بفرز الطبقات أو اللوحات الفنية باستخدام اختصار لوحة مفاتيح واحد.

تبديل الطبقات

قم بتنزيل البرنامج المساعد من هنا: https://github.com/joshwayne/jw-sketch-plugins

مكوّن إضافي رائع يتيح لك ، بالاشتراك مع Emojis في Layer Names ، تبديل رؤية الطبقة المتوفرة مع الرموز التعبيرية للعيون.

خدمات

تعمل ملحقات Sketch الإضافية بشكل أساسي على توسيع ميزات Sketch الأساسية أو جعلها أكثر سهولة.

المرآة السحرية 3

قم بتنزيل البرنامج المساعد من هنا: 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/

أربع كلمات تصف هذا البرنامج المساعد: تصميم مستجيب للمصممين.

مائع

قم بتنزيل المكون الإضافي هنا: https://github.com/matt-curtis/Fluid-for-Sketch

مكون إضافي معقد يسمح لك بإنشاء لوحات فنية سريعة الاستجابة بناءً على القيود.

كومبو

قم بتنزيل البرنامج المساعد من هنا: https://github.com/romashamin/compo-sketch

باستخدام هذا المكون الإضافي Sketch ، يمكنك إنشاء مكونات ديناميكية من المستوى التالي.

FlipSize

قم بتنزيل المكون الإضافي من هنا: https://github.com/apertureless/sketch-flip-size

مكون إضافي Sketch صغير يقوم بتبديل عرض الكائن وارتفاعه باختصار واحد.

بكسل الكمال

قم بتنزيل المكون الإضافي هنا: https://github.com/swiadek/pixel-perfecter-sketch-plugin

باستخدام هذا البرنامج المساعد Sketch البسيط ، ستتجنب أبعاد الطبقة المكسورة.

أيقونة Stamper

قم بتنزيل المكون الإضافي من هنا: 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 - أمثلة ودراسات حالة ملهمة
• مبادئ ارشادية للواجهات المتنقلة
• التصميم التوقعي: كيفية إنشاء تجارب مستخدم سحرية