محتوا
- 01. راهنماها را کپی و جایگذاری کنید
- 02. تمیز کننده اسکچ
- 03. آنیما
- 04. React Sketch.app
- 05. افزونه Git Sketch
- 06. ImageOptim
- 07. آینه جادویی
- 08. صادرات بیشتر
- 11. مارچاچ
- 12. حلقه های تقسیم شده
- 13. Sketch Runner
- 14. قلم نماد
- 15. پیدا و جایگزین کنید
افزونه های Sketch به بهتر شدن Sketch کمک می کنند. Sketch برای بسیاری از افراد ابزار طراحی وب رابط کاربر است و بخشی از آنچه که بسیار خوب است ، جامعه افرادی است که برای ساختن عملکرد و ویژگی های آن با ساخت پلاگین های سفارشی تلاش می کنند.
اکنون مدیریت افزونه های Sketch شما بیش از هر زمان دیگری آسان شده است. پلاگین ها به طور خودکار به روز می شوند و موارد قدیمی دیگر غیرفعال می شوند. مفیدتر کردن اکوسیستم افزونه Sketch Cloud ، سرویس اشتراک فایل است که هر کسی می تواند در آن ثبت نام کند ، در آنجا می توانید اسناد Sketch را که به صورت عمومی یا خصوصی مستقیماً از Sketch به اشتراک گذاشته شده اند مشاهده ، بارگیری و نظر دهید.
بنابراین بیایید نگاهی به بهترین افزونه های Sketch بیندازیم - آنهایی که می توانند نحوه طراحی رابط های کاربری را به شدت تغییر دهند. پس از مشاهده موردی که می خواهید ، نحوه نصب افزونه های Sketch را بخوانید. اگر ابزار وب خود را دوست دارید ، ابزارهای مورد علاقه ما در زمینه طراحی وب ، وب سایت ساز و فضای ذخیره سازی ابر را از دست ندهید. و به یاد داشته باشید ، انتخاب شما از ارائه دهنده میزبانی وب برای موفقیت سایت شما بسیار مهم است (راهنمای ما به شما کمک خواهد کرد).
01. راهنماها را کپی و جایگذاری کنید
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: راهنماها را از صفحه هنری خود کپی ، پیست یا حذف کنید
هر طراح با راهنماها رابطه عشق / نفرت دارد. بعضی اوقات کاملاً ضروری هستند و بقیه اوقات نیز مانع شما می شوند. اگر به جای گزینه طرح Sketch از راهنماها استفاده می کنید ، تغییر آنها برای چندین صفحه هنری می تواند یک کابوس باشد ، اما با استفاده از این پلاگین کپی ، چسباندن و حذف راهنماها از همه صفحه های هنری شما آسان است.
02. تمیز کننده اسکچ
- از اینجا بارگیری کنید
- قیمت: $2
- خلاصه: پرونده های طراحی خود را به همان اندازه سوت تمیز کنید
هر طرح Sketch که چند تکرار داشته باشد ، در این مسیر مقداری ناخواسته مانند لایه های پنهان ، موقعیت های متناقض حاشیه و سبک های لایه های بلااستفاده ، به وجود می آورد.
اگرچه داشتن یک فایل Sketch نامرتب پایان دنیا نیست ، اما می تواند دستی را تحت تأثیر قرار دهد و زندگی را برای هر کسی که مجبور است درک کند ، آسان می کند. به جای اینکه همه چیز را با دست مرور کنید ، از Sketch Cleaner استفاده کنید تا به طور خودکار با تمام مشکلات رایج کنار بیایید.
03. آنیما
- از اینجا بارگیری کنید
- قیمت: به سمت بالا آزاد کنید
- خلاصه: نمونه های اولیه با پاسخگویی بالا و با قابلیت اطمینان بالا ایجاد کنید
Anima قبلاً بصورت افزونه های مجزا مجزا - Auto Layout و Launchpad در دسترس بود - اکنون Anima افزونه ای همه در یک است که برای کمک به شما در ایجاد طرح های پاسخگو با پین ها ، پشته ها و بالشتک ها و نمونه های اولیه با کیفیت بالا و متناسب با همه صفحه ها طراحی شده است. هنوز یک نسخه رایگان وجود دارد که از یک پروژه پشتیبانی می کند. برای پروژه های نامحدود ، قیمت گذاری از 25 دلار در ماه شروع می شود.
04. React Sketch.app
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: اجزای React را به Sketch ارائه دهید
مدیریت دارایی های طراحی می تواند در Sketch دشوار باشد. این افزونه مفید Sketch روشی آسان تر و قابل اطمینان برای مدیریت دارایی های شما فراهم می کند. طرح های خود را به صورت کامپوننت های React در کد پیاده سازی کنید ، سپس با استفاده از این افزونه آنها را به صورت طرح درآورید. همچنین واکشی و پیاده سازی داده های واقعی را در پرونده های Sketch آسان تر می کند.
React Sketch.app با هدف کمک به رفع شکاف بین طراحان و توسعه دهندگان توسط Airbnb برای استفاده با سیستم طراحی خود ساخته شد.
05. افزونه Git Sketch
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: مشتری Git در Sketch تعبیه شده است
این افزونه قصد دارد کنترل نسخه را به Sketch وارد کند. این کار با صادر کردن یک تصویر برای هر قسمت از طراحی کار می کند ، سپس ایجاد تفاوت های مختلف ، بنابراین مشخص است که چه تغییراتی ایجاد شده است. با مستند سازی هر مرحله از مراحل طراحی ، همه اعضای تیم می توانند نحوه پیشرفت طراحی را ببینند.
افزونه Git Sketch توسط Mathieu Dutour ایجاد شده است ، که از آن زمان به بعد به ایجاد یک سیستم کنترل نسخه جامع تر و پولی به نام Kactus پرداخت.
06. ImageOptim
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: بهینه سازی تصویر در Sketch
در حالی که Sketch راه حل خاص خود را برای بهینه سازی فایلهای SVG ارائه می دهد ، هیچ گزینه ای برای فشرده سازی تصاویر JPG و PNG وجود ندارد. از آنجا که ImageOptim چندین سال است خدمات خوبی ارائه می دهد ، منطقی است که این قابلیت را برای Sketch به ارمغان می آورد.
هر طراح که به زمان بارگذاری و بهینه سازی تصویر اهمیت می دهد (که باید همه طراحان باشند) باید ImageOptim را به جعبه ابزار خود اضافه کند. توجه داشته باشید که علاوه بر این افزونه ، شما به برنامه اصلی ImageOptim (رایگان) روی سیستم macOS خود نیاز دارید و همچنان باید لایه ها را به عنوان قابل صادر کردن در Sketch علامت گذاری کنید (برای شروع به "صادرات و بهینه سازی همه دارایی ها" بروید).
07. آینه جادویی
- از اینجا بارگیری کنید
- قیمت: از 4 دلار در ماه
- خلاصه: ابزار تحول دیدگاه تصویر
اگر سعی در ساختن مدل های چشمگیر محصولات دارید اما مجبورید برای مقابله با موارد مشکل برانگیز به فتوشاپ بپردازید ، Magic Mirror می تواند برای شما یک نجات دهنده زندگی باشد. این یک ابزار تحول چشم انداز تصویر است که به شما امکان می دهد بدون اینکه هرگز از Sketch خارج شوید ، ماکت های چشم انداز و سایر جلوه های تحریف شده را ایجاد کنید.
08. صادرات بیشتر
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: به طور خودکار تصاویر مکان یاب ایجاد می کند
افزودن تصاویر مکان یاب به یک طرح ، بخشی ضروری از نمونه سازی است ، اما یافتن تصاویر واقعی می تواند دردناک باشد. بنابراین به جای اینکه هر زمان را صرف آن کنید ، همه چیز را به Day Player بسپارید. این به شما امکان می دهد تصاویر دلخواه مکان یاب را از طریق چندین سرویس مختلف تصویر مکان یاب ، به هر سند Sketch اضافه کنید ، بنابراین بزرگترین تصمیمی که باید بگیرید این است که آیا می خواهید از Bill Murray ، Nicolas Cage یا بچه گربه ها استفاده کنید.
11. مارچاچ
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: صفحه html ایجاد کنید که بتواند سبک های CSS را اندازه گیری و دریافت کند
اگر می خواهید سبک های CSS را از طرح های Sketch خود بازیابی کنید ، افزونه ای مانند Marketch کاملاً ضروری است. این امکان را برای شما فراهم می کند که Artboard های Sketch خود را به عنوان یک فایل zip پر از اسناد HTML صادر کنید و سپس می توانید CSS های شیرین آماده را برای استخراج ، استخراج کنید.
12. حلقه های تقسیم شده
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: گرافیک دایره ای دقیق ایجاد کنید
در اینجا یک روش سریع برای ایجاد حلقه های تقسیم شده برای نمودارها و نمودارها وجود دارد. این پلاگین می تواند سبک های مختلفی از نمودار دایره ای از جمله دایره های متلاشی شده و علامت گذاری را ایجاد کند و ضخامت ها از طریق یک لیست ساده از مقادیر جدا شده با کاما کنترل می شوند.
13. Sketch Runner
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: کانون توجه برای جستجو
Sketch بخاطر گردش کار صفحه کلید مینیمالیستی که دارد بسیار دوست داشتنی است. همانطور که گفته شد ، همیشه دو یا سه میانبر صفحه کلید وجود دارد که به نظر می رسد شما همیشه آنها را فراموش کرده اید و یا آنها را با یک برنامه طراحی دیگر مانند فتوشاپ اشتباه گرفته اید - و بیایید آن ابزارها و ویژگی های کمتر رایج را فراموش نکنیم که میانبر صفحه کلید ندارند و در اعماق مخفی هستند منوی طرح.
Sketch Runner این مسائل را حل می کند و این کار را به روشی انجام می دهد که کاربران macOS با آن آشنا باشند - Sketch Runner macOS Spotlight است ، اما برای Sketch.
14. قلم نماد
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: قلم های نماد را مدیریت کنید
فونت های آیکون یک روش بسیار کارآمد برای استفاده از آیکون ها در طراحی وب شما بدون نیاز به صادرات و بهینه سازی یک میلیون دارایی تصویر است. به طور معمول ما به قلم های آیکون مراجعه می کنیم سر> همانند CSS و JavaScript ، بخشی از صفحات وب HTML. با این حال ، استفاده از آنها در Sketch کمی پیچیده تر است. خوشبختانه ، Icon Font کار را آسان می کند.
پس از بارگیری و نصب Sketch IconFont ، پرونده های قلم SVG را بارگیری کنید یا این بسته قلم را که شامل پرونده های قلم برای FontAwesome ، Material Design Icons ، Ion Icons و Simple Line Icons است ، بارگیری کنید. پس از پایان کار ، به Plugins> Icon Font> Install a Font-Bundle بروید ، فونتهای بارگیری شده را از پنجره Open File انتخاب کرده و سپس برای وارد کردن به Plugins> Icon Font> Grid Insert> [Font icon مورد نظر خود] بروید یک نماد
حتی اگر قصد دارید مجموعه ای از آیکون های سفارشی را برای طراحی خود طراحی کنید ، داشتن آیکون های آماده می تواند به شما در ساخت نمونه اولیه سریع در مراحل اولیه طراحی کمک کند و کمی وضوح / وفاداری بیشتری به ماکت های با کیفیت پایین می دهد. .
15. پیدا و جایگزین کنید
- از اینجا بارگیری کنید
- قیمت: رایگان
- خلاصه: متن را در لایه های انتخاب شده پیدا و جایگزین کنید
ویرایشگرهای متن تنها مکانی نیستند که شما نیاز به یافتن و جایگزینی آنها دارید - در Sketch نیز مفید است. این پلاگین گزینه های پیشرفته زیادی را در اختیار شما قرار می دهد و شما را قادر می سازد تا نمونه هایی از کلمات یا عبارات خاص را در متن در لایه های انتخاب شده جستجو کنید (و همه موارد موجود در آن) ، سپس آن را به راحتی جایگزین کنید.
صفحه بعدی: افزونه های Sketch با صرفه جویی در وقت بیشتر
