最佳助攻!25款轻巧实用的Sketch插件大合集

qmem0264 4年前
   <p> </p>    <p><img src="https://simg.open-open.com/show/b07149bf154b0fe467a190c0aec012c3.jpg"></p>    <p>Sketch绝对是除了PS和AI之外在Mac 平台上最热门的设计工具,它更新迅速,功能完备,并且非常契合目前对于UI设计的需求,最重要的是,Sketch 小巧灵便不臃肿,还具有相当强大的可拓展性。</p>    <p>Sketch 的优秀之处就是从它的可拓展性上延展开的,围绕着它的不仅有大量的设计师,还有一个活跃的开发者社群,许多优秀的免费插件都由此诞生。这些来自开发者社群的优秀插件从各个不同的角度完善、强化了Sketch的功能,让设计项目可以更加快速高效的完成。当然,在下载这些免费插件之前,请先装上Sketch的插件管理工具 Sketch Toolbox。下面所推荐的25个插件,大都非常实用,或者相当有趣,总有几款能恰到好处的帮到你。</p>    <p>Enjoy!</p>    <p><a href="/misc/goto?guid=4959671017985051736" rel="nofollow,noindex">Sketch Data Studio</a></p>    <p><img src="https://simg.open-open.com/show/b8619796c2228a4937b63dfb2b01ebc3.jpg"></p>    <p>Sketch Data Studio 能帮你轻松地将数据转化为表格和图表,能从你最喜欢的图表类文档获取数据,转化为漂亮的表单。</p>    <p><a href="/misc/goto?guid=4959671018105026340" rel="nofollow,noindex">Pixel Perfecter</a></p>    <p><img src="https://simg.open-open.com/show/f830195bcbe74e590d0881088140d104.jpg"></p>    <p>这样是一款非常简单的Sketch插件,它可以帮你寻找单精度的图层(只设定了x、y、宽度或者高度),这款插件主要会帮你保持整个文档清爽、整洁无纰漏。</p>    <p><a href="/misc/goto?guid=4959671018209915195" rel="nofollow,noindex">Sharpen Images</a></p>    <p><img src="https://simg.open-open.com/show/3aa4e71afc6bedd8706f8470e9598ae4.jpg"></p>    <p>Sharpen Images 插件能够让帮你锐化Sketch中的图片。</p>    <p><a href="/misc/goto?guid=4959671018307205203" rel="nofollow,noindex">Marvel Plugin</a></p>    <p><img src="https://simg.open-open.com/show/1d8eee07c3f8e20c13b3ca78d11dac69.jpg"></p>    <p>Marvel 这个插件能帮你将画板直接发送到你的Marvel 项目中,非常实用。</p>    <p><a href="/misc/goto?guid=4959671018419761736" rel="nofollow,noindex">Sketch Palettes</a></p>    <p><img src="https://simg.open-open.com/show/67aba432db81aeab0de753c7178f25db.jpg"></p>    <p>这个插件的功能主要是帮你保存和加载取色器中的色彩。</p>    <p><a href="/misc/goto?guid=4959671018527747270" rel="nofollow,noindex">Social Artboards</a></p>    <p><img src="https://simg.open-open.com/show/f5e60df436dcc034eac145e018ccf3c1.jpg"></p>    <p>这款Sketch插件的功能是帮你加载符合各个社交媒体平台尺寸规格的画板。</p>    <p><a href="/misc/goto?guid=4958875005088629065" rel="nofollow,noindex">Day Player</a></p>    <p><img src="https://simg.open-open.com/show/4df3e14685aad967c8ede8c794d05492.jpg"></p>    <p>Day Player 是一款创建图片占位符的Sketch 插件。在这个插件的帮助下,你可以调用不同的图片占位符服务,创建不同的效果。</p>    <p><a href="/misc/goto?guid=4959671018669393822" rel="nofollow,noindex">Style Inventory</a></p>    <p><img src="https://simg.open-open.com/show/c7788e1537b3ee85f1782e008cfa3a0a.jpg"></p>    <p>好的设计是需要做好组织结构来支撑的,Style Inventory 就是帮你搞定这个问题的。它能帮你预览所有的样式,并且帮你将相似的图层整合到一起。</p>    <p><a href="/misc/goto?guid=4958875005794522081" rel="nofollow,noindex">Dynamic Button</a></p>    <p><img src="https://simg.open-open.com/show/c11165195a8aa321606c90d35fc1917d.jpg"></p>    <p>Dynamic Button 的功能也很简单,但是相当实用:它能帮你制作同按钮名称长度自动匹配的按钮样式,无需你手动调整,而且看起来非常舒服。</p>    <p><a href="/misc/goto?guid=4958875005902574910" rel="nofollow,noindex">Measure</a></p>    <p><img src="https://simg.open-open.com/show/9f724ff2976c0d22f59091db95f92402.jpg"></p>    <p>Measure 这个插件是用来帮你对各种元素进行测量的。</p>    <p><a href="/misc/goto?guid=4959671018855422364" rel="nofollow,noindex">Style Drop</a></p>    <p><img src="https://simg.open-open.com/show/23715d88ed16d9cbff3616ac818d42e4.jpg"></p>    <p>这个插件可以让你轻松地将样式从一个图层复制到另外一个图层。如果你熟悉AI,那么你会发现,它的功能和AI中的滴管工具很接近。</p>    <p><a href="/misc/goto?guid=4959671018969783474" rel="nofollow,noindex">Qordoba for Sketch</a></p>    <p><img src="https://simg.open-open.com/show/1e958e037b2c90ab8460356da0f5318a.jpg"></p>    <p>Qordoba 这款插件可以帮你将设计好的视觉稿中的内容翻译成成其他语言,让你的视觉稿更加国际化。</p>    <p><a href="/misc/goto?guid=4959671019070632251" rel="nofollow,noindex">Scaled Export for iOS</a></p>    <p><img src="https://simg.open-open.com/show/d5772cd502943ee9d7dd13734d4c903e.jpg"></p>    <p>这款插件的优秀之处在于,它可以让你从Sketch 设计项目导出更适合iOS设计项目的素材。</p>    <p><a href="/misc/goto?guid=4958988032661787442" rel="nofollow,noindex">Git-sketch-plugin</a></p>    <p><img src="https://simg.open-open.com/show/8cc0d4025e20190e2e62c04675cc3c8f.jpg"></p>    <p>这个插件主要的功能是生成Pretty Diffs,这样你就能判断到底有哪些地方被修改了。</p>    <p><a href="/misc/goto?guid=4959671019229640360" rel="nofollow,noindex">Gb-sketch-segmentcircle</a></p>    <p><img src="https://simg.open-open.com/show/1225a21249cb9b015faa44588909121a.jpg"></p>    <p>如果你需要创建带有区块、线条的环状图形,那么这个插件就能满足你。</p>    <p><a href="/misc/goto?guid=4959671019330952699" rel="nofollow,noindex">Clipboard Fill</a></p>    <p><img src="https://simg.open-open.com/show/10542656276bc275ed6b2d8a7e2a19e3.jpg"></p>    <p>这款插件的主要作用是从剪切板复制图片填补任何图形。</p>    <p><a href="/misc/goto?guid=4959671019447109009" rel="nofollow,noindex">Sketch Bound with Box</a></p>    <p><img src="https://simg.open-open.com/show/b21d2760bc51285d990e47e10bd53c9a.jpg"></p>    <p>这款插件能帮你为选中的图层加一个矩形的边界。</p>    <p><a href="/misc/goto?guid=4959671019549255738" rel="nofollow,noindex">Sketch Plugin: Copy & Paste Shadows</a></p>    <p><img src="https://simg.open-open.com/show/6bfd2565fc2f95b4be11252dafacc2b8.jpg"></p>    <p>这是一个纯粹的复制粘贴阴影样式的插件,它可以帮你省去很多麻烦。</p>    <p><a href="/misc/goto?guid=4959671019663145626" rel="nofollow,noindex">Sketch Replace Colour</a></p>    <p><img src="https://simg.open-open.com/show/68c8fc7653a999fb7a86e76482aec633.jpg"></p>    <p>Sketch Replace Colour 是一款替换图层填充色彩、边界和文本而你色彩的插件。</p>    <p><a href="/misc/goto?guid=4959671019773499334" rel="nofollow,noindex">Symbol me</a></p>    <p><img src="https://simg.open-open.com/show/332152802fc75243b67bf4f0774f123e.jpg"></p>    <p>这款插件可以将特定图层转化为一个符号,并且当你更新这个符号的时候,同时创建的、带有相同样式的相同图层会随之改变。</p>    <p><a href="/misc/goto?guid=4959671019891117438" rel="nofollow,noindex">Sketch Create Nested Symbol</a></p>    <p><img src="https://simg.open-open.com/show/80c22c2f32a3303f0214407edc549ef2.jpg"></p>    <p>装上这款插件之后,使用Ctrl+S 组合键可以将你选中的区域转化为符号,你还可以让一个符号里面嵌套着另外一个符号。</p>    <p><a href="/misc/goto?guid=4959671019993497292" rel="nofollow,noindex">Radial Lines</a></p>    <p><img src="https://simg.open-open.com/show/07d81ba51a97df850c23b3a3d2f8f8be.jpg"></p>    <p>这款插件可以帮你在画板特定的位置创建辐射线。</p>    <p><a href="/misc/goto?guid=4959671020102764620" rel="nofollow,noindex">Evenly distributed Guides</a></p>    <p><img src="https://simg.open-open.com/show/ef98255935b52624f9090276a82266eb.jpg"></p>    <p>这款插件可以帮你生成均匀可见的参考线,坦率的讲,参考线的可见性是相当重要的属性。</p>    <p><a href="/misc/goto?guid=4959671020216700643" rel="nofollow,noindex">Drake Generator for Sketch</a></p>    <p><img src="https://simg.open-open.com/show/9c535d4429d408bb3b35f68b2c72260e.jpg"></p>    <p>如果你的设计中,所有的图片都是Drake的照片,而内容全是他的歌词,那么这个设计会非常的有喜感的。这款插件就是帮你飞快的实现这一效果的。</p>    <p><a href="/misc/goto?guid=4959671020315581111" rel="nofollow,noindex">Build Lightweight Mobile Prototypes</a></p>    <p><img src="https://simg.open-open.com/show/78a6ba6179d8ba28012bd58679227633.jpg"></p>    <p>Silver 是第一款真正专门为Sketch所设计的原型工具,它可以快速的帮你设计基于流程的原型。</p>    <p>【技多不压身的设计师才有高薪资!】</p>    <ol>     <li>平面设计: <a href="/misc/goto?guid=4958860475936185317" rel="nofollow,noindex">《超赞!设计师完全自学指南》</a></li>     <li>交互设计: <a href="/misc/goto?guid=4958860476100463720" rel="nofollow,noindex">《交互设计师修炼指南!教你从零开始成为优秀交互设计师》</a></li>     <li>UI设计: <a href="/misc/goto?guid=4959671020496404615" rel="nofollow,noindex">《超实用新手指南!零基础如何自学UI设计?》</a></li>     <li>前端开发: <a href="/misc/goto?guid=4959671020595202709" rel="nofollow,noindex">《天猫高手来教你!零基础如何系统地学习前端开发?》</a></li>     <li>抠图技巧: <a href="/misc/goto?guid=4958860476028896381" rel="nofollow,noindex">《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》</a></li>     <li>配色方案: <a href="/misc/goto?guid=4959671020722070582" rel="nofollow,noindex">《色彩搭配速成!3个实用方法帮你全面搞定配色》</a></li>     <li>DPI指南: <a href="/misc/goto?guid=4959671020829847193" rel="nofollow,noindex">《基础知识学起来!为设计师量身打造的DPI指南》</a></li>     <li>交互设计自学路径图: <a href="/misc/goto?guid=4959671020918384012" rel="nofollow,noindex">《零基础入门!给非科班生的自学路径图之交互设计篇》</a></li>    </ol>    <p>原文地址: <a href="/misc/goto?guid=4959671021023938078" rel="nofollow,noindex">webdesigndev</a></p>    <p>优设译文:@陈子木</p>    <p>「子木说」</p>    <p>最近看电影《食梦者》感慨良多。我并未看过原著,这部漫改的作品讲述的是漫画师的故事,里面有青春,有事业,也有奋斗也有无法回避的病痛和苦难,最主要的是它应该能让战斗在设计最前线的你们感到共鸣。电影以“友情 努力 胜利”为主题,紧凑的故事和中二的对白背后,还能看到漫画创作和如今产品设计高度相似的设计流程和处理手段。你如果关注的是青春、梦想和情感,这部电影不会让你失望;如果你还在意作品生产的方式,团队协作的技巧,这部电影同样可以给你启发。最后,好孩子看不见的链接 <a href="/misc/goto?guid=4959671021126740254" rel="nofollow,noindex">在这里</a> 。</p>    <p><img src="https://simg.open-open.com/show/07d259e03571f921336ff77f0590f7f7.jpg"></p>    <p>来自: <a href="/misc/goto?guid=4959671021223718145" rel="nofollow">http://www.uisdc.com/25-useful-sketch-app-plugins</a></p>