資源:11款超好用的sketch插件打包給你

2021-01-18 追波範兒


Hello呀大家,Sketch已經悄悄更新到68.2了,以前給大家分享過兩期Sketch插件推薦,隨著版本的更迭,插件卸載了一批又一批,最後留下的都是工作中必不可少的~文末獲取無套路免費領取方式哦!




以前給大家推薦的插件下載網站也變更域名了,現在是 oursketch.com ,推薦的插件都可以在這兒下載到,建議收藏不迷路哦!


接下來給大家分享常用的插件:



01 Sketch Measure

標註切圖工具(本地)




特點:導出的工程文件是本地的,比較安全,切圖也直接導出來了,前端使用的時候會比較方便


使用說明  

第一次操作會彈出界面倍率和單位選擇對話框讓你設置,選擇的倍率和單位基於當前畫板尺寸,如 Sketch 默認 iPhone 7 畫板 375x667px 的倍數和單位分別為 1 和 px。不清楚怎麼設置的同學,就直接用默認的標準像素就好了,反正後面前端看的index預覽文件裡面可以再設置,所以這個其實不影響。


使用這個插件能快速的完成與前端的交接工作,我一般是用sketch默認的切圖(製作導出項)完成切圖後,選中所有要交接的界面(畫板),然後點開Sketch Measure-導出規範(都是默認設置)就完成啦。



這些都是導出後的文件,一般我們只會用到切圖文件和標註查看器,但你交付給前端的時候必須整個文件都打包發送,不然標註查看器就啥也看不見了。


對了對了,這個插件還支持手動標註和設置切圖範圍,真的很全能了!




02 摹客iDoc

標註切圖工具(線上)




特點:我和我的團隊都是用的摹客,線上協作非常方便(PS:百人團隊免費用,really良心產品)上面推薦的插件是把設計規範導出到本地進行交付,而摹客支持多人線上協作,文件再也不用傳來傳去啦


使用說明  

使用就更簡單了,打開插件,登錄摹客帳號,選擇項目然後上傳就可以了!



上傳完成後,點擊「查看項目」,你會跳轉到摹客iDoc網頁上去,在這裡支持查看界面數據、一鍵下載切圖、在線製作交互原型和添加評論等操作。


值得注意的是,你分享出去的連結有兩種模式,一種是給程式設計師看的,連結裡面含有/app/字樣,這個是屬於內部文件,所以是需要權限的,記得把你的夥伴們添加進團隊裡。



還有一種是對外的預覽連結,誰都可以看,如果你製作了交互,還可以在這裡進行跳轉等交互操作,連結裡面含有的是/run/字樣





03 Kitchen

螞蟻金服出品的效率工具集



特點:超多免費資源,圖片、文字等數據填充;iconfont圖標;智能排版;圖表生成


使用說明  

好用!誰用誰知道,嘿嘿。





04 Automate

騰訊大神開發的效率工具集



特點:比sketch更新得還頻繁的效率工具集,由騰訊大神Ashung開發


使用說明  

超級多功能,隨便截個圖給你們看看~對了,插件默認是英文的,咱們需要在【幫助help】裡面選擇【更改菜單語言change language】換成中文。





05 Craft

國外效率工具集




特點:這是最早的自動填充神器,圖片、文字等數據填充(國外的);元素快速復用排版


使用說明  

在kitchen之前就經常被我們使用,最常用的功能就是元素復用,大家可以試玩一下。不過安裝會稍微麻煩一丟丟,教程可以看這裡

https://oursketch.com/plugin/craft




06 Preview in browser

在瀏覽器中查看設計圖




特點:非常好用的預覽神器,特別是對於網頁設計師來說,能直接從軟體到瀏覽器中去預覽效果是非常直觀和高效的


使用說明  

這個插件以前只能預覽畫板名稱開頭是英文或數字的界面,現在優化了,也支持中文名稱了,選中畫板,按住快捷鍵command ⌘ + shift ⇧ + .  就可以在網頁真實預覽設計圖,堪稱完美。


07 Dapollo

大菠蘿,支付寶工作檯




特點:內含支付寶基礎圖標、色彩庫、組件庫、設計圖模板


使用說明  

螞蟻金服聯合 Iconfont 推出的一站式設計開發工作檯,內含標準的圖標庫、色彩庫和組件庫,安裝好後,直接從插件側邊工具欄中拖出你想要的設計模板就好啦。




08 Fusion Cool

完整的中後臺設計系統組件庫



特點:中後臺基礎圖標、圖表、組件、區塊及設計圖模板


使用說明  

安裝好後在右側面板中顯示,可以選擇跟sketch屬性面板相互切換,使用方式也是拖拽到畫板裡就可以用。





09 Split Shape

平分圖形工具




特點:懶人福音,當你想在一個寬度內設置幾個相等寬度和間距的圖形時,再也不用掏出計算器和小本本進行計算了,這個插件可以一鍵將圖形按照指定數量和間距平分


使用說明  

我超愛用這個插件,太省心了~





10 Copy 2 all

一鍵複製到全部畫板




特點:一鍵複製當前圖層、編組或組件到所有畫板的相同位置


使用說明  

插件將複製當前選定項到所有其它畫板並放置同一位置,執行 Plugins > Copy 2 All 或使用快捷鍵 command ⌘ + alt ⌥ + A




11 Rename it

快速批量重命名圖層




特點:批量重命名圖層、畫板,還可以按照排序來重命名


使用說明  

這個插件用來規範命名真的是太好用了,裡面還有一些隱藏操作,大家可以根據需求詳細了解一下:

https://oursketch.com/plugin/rename-it




推薦的插件

已經給大家打包整理好啦


後臺回復「sketch」即可獲得最新版軟體和插件


——

同時也希望大家轉發和在看哦,你們的支持就是我的動力!


相關焦點

  • 如何快速記住好用的sketch插件?
    其實原因很簡單,那就是我根本沒有真正理解這些插件!很長一段時間內,我連插件和腳本的區別都不清楚,還指望有什麼質的突破?做夢吧!最近又在研究sketch的插件,為了不再浪費那麼多時間,所以我需要快速的記住並理解這些對我有用的插件,有沒有什麼好方法呢?
  • 安卓界面完美還原sketch插件,自動調整文字行高教程
    你是否也曾被Android」慘不忍睹」的實現界面搞得焦頭爛額,一度懷疑安卓開發小哥的能力是否不及格,幾乎都快要對安卓無望了。從現在開始無須擔心,這篇文章一定會讓你對安卓重拾信心,配合開發做到安卓界面完美還原。一、起因每一次接過安卓測試機驗收安卓的實現界面,都懷著無比忐忑的心情。
  • 以及順便推薦 3 個 Sketch 插件……
    在過去兩個月裡,我們討論過這些話題:Sketch 插件如何制定個人計劃Growth 產品增長給你設計靈感的電影A/B 測試……比如第一個話題,我們就在群裡了討論了這幾個 Sketch 插件~Paddy - 根據內容自適應外框大小Paddy 可以讓 Sketch
  • 一篇文章教你看懂Photoshop和Sketch
    還不認識的同學記住這個大鑽石sketchsketch我沒記錯的話應該是從15年開始在大家面前出現的,那個時候用的人還很少,國內有不少先驅推廣,到目前為止已經迭代了不少的版本了。sketch是一款輕量級的矢量設計工具!那麼重點來了,請看下文:關鍵點一是矢量設計工具,既然是矢量設計工具,好處我便不多說了,例如像素完美級別的處理等等~關鍵點二輕量級,既然說是輕量級,不得不說的是軟體的安裝包真是很小很小,只有小小20多M,相比較ps兩個多G的大小,sketch在安裝這方面真的是方便了很多。不了解該軟體的同學可能會問了,軟體這麼小能滿足日常設計需要嗎?功能多嗎?
  • sketch小技巧-設置圖層對齊快捷鍵
    然而sketch並沒有給這幾個按鈕設置快捷鍵,導致每次使用都需要使用滑鼠去點擊,本來圖標就小了,還要用滑鼠去定位,對於效率狂魔的我實在是忍受不了。 這裡我建議的是用control+awsdx這幾個鍵來設置,因為我們小時候玩電腦遊戲都是用awsd來控制上下左右的,有一定的記憶力,同時沒有快捷鍵衝突
  • Sketch 官方強烈推薦的五款流程效率類插件
    身為 Sketch 用戶,你可能每天都會用到一些插件。無論是創建動效,還是以可視化的方式呈現數據,或是管理組件庫,Sketch 龐大的插件生態體系總能為你提供到幫助。插件及其背後的開發者社區是 Sketch 能夠取得成功的重要因素。為此,我們新開了一個文章系列,希望把更多高質量插件及相關整合服務介紹給各位。
  • Eagle 支持 Sketch 圖層格式
    就醬,比以前說的inboard,個人感覺好一點!下面是最新版eagle支持sketch導入,將sketch的圖層複製粘貼到eagle就OK了拖回sketch可以直接用,非常方便!二、從剪貼簿添加內容發現靈感的情境可能會發生在各種情境,除了瀏覽器插件外,現在你可以直接使用複製貼上的方式將圖片內容添加到 Eagle 囉,具體操作方式非常容易,你只需要複製內容後在 Eagle 貼上(⌘ + V)就可以了。
  • 魔獸世界懷舊服位面插件 超好用的位面插件
    魔獸世界懷舊服位面插件推薦,超好用的位面插件,一起來看看吧。 小編今天就給大家推薦一款世界BUFF監控插件。安裝好插件之後,就能在遊戲當中看到伺服器位面的BUFF冷卻時間,點擊NPC還能在小地圖顯示所在位面的層數,接著你只需要切換到空白的位面,等待BUFF就可以了。對於懷舊服的玩家來說這是一個必不可少的插件。
  • Sketch插件Angle(智能對象工具) v1.1.5免激活版
    與大家分享一款Sketch插件智能對象工具——Sketch插件Angle,並且附帶了安裝教程和使用方法,希望能對大家以後的sketch應用能有所幫助。
  • Sketch插件新利器——使用Mockplus DS製作設計規範
    Mockplus團隊全新推出了一款能夠輕鬆幫助設計師實現與Mockplus DS設計系統無縫對接的Sketch插件新利器。它無疑是設計師們根據各自分工,實時通過Sketch工具製作,匯總,修改以及完善設計規範系統的最佳工具。
  • 《迷你世界》:新版本「插件包」,簡直就是官方的黑科技!
    觀眾老爺們,大家好,我是搞石丸!迷你身為1款自由度極高的沙盒類遊戲,在其中不僅僅滿足基本的生存建造遊戲玩法,還提供平臺讓喜愛創作的遊戲玩家大膽設計出自己的地圖世界。可是,每一個成長中的開發者們都曾吐槽過"遊戲地圖做起來真的很難",而前不久2款神奇的新科技強勢來襲,讓建造超難遊戲地圖從今以後越來越簡單、快捷。插件包:讓建造越來越簡單有意思第1大重磅升級,就是插件包。在過去,插件要一個個地去資源工坊免費下載再到遊戲地圖運用。
  • 這六款能讓你的瀏覽器更好用的插件,絕對能提高你的辦公效率
    二、Graphitabs 我相信很多小夥伴都會有和小編一樣的遭遇,有時候一大堆網頁密密麻麻,每頁都要用但是很難快速找到需要的那一頁。 這款插件唯一的功能就是幫你把打開的網頁整理成思維導圖的樣式,而且真一鍵整理:
  • UI設計師必備Sketch常用插件,個個都是超級好用的神器
    這13個Sketch插件讓你效率逆天!哈嘍MAC端小夥伴們~這些是UI設計師常用的Sketch插件,個個輕量級,超級好用!分享給大家,附件可下載插件點擊播放 GIF 0.0M如何獲取素材—— 分享新聞,還能獲得積分兌換好禮哦 ——
  • Chrome(谷歌)瀏覽器使用必備的15款神級插件提高你的工作效率
    給大家推薦15款非常好用的谷歌Chrome插件,如果熟練使用這些插件可以極大地提高工作和學習的效率。1、谷歌上網助手推薦理由:這款插件是chrome內核瀏覽器專用插件,它可以輕鬆解決chrome擴展無法自動更新的問題。另外,你還可以通過它,來訪問google搜索,gmail郵箱,google+等等,谷歌相關的產品。
  • 這些插件讓你知道 Chrome 好用在哪兒!
    為什麼要把原本就放假的周末算在假期裡面?不過看到自己卡裡的餘額,我特麼還是好好上班吧。。。在很久很久以前,世超給差友們寫過一篇 Chrome 插件的基礎篇 (真的傳送門)一直拖到現在才想起。。。升級篇還沒寫!!!
  • 10款插件讓你的Chrome成為全世界最好用的瀏覽器!
    但更重要的是Chrome的插件庫,讓其如虎添翼,擁有更加強大的功能。所以,今天,就分享給大家常用的十款插件。1、Momentum ——定義你的新標籤頁Momentum插件是一款自動更換壁紙,自帶時鐘,任務日曆和工作清單的chrome瀏覽器插件。裡面的圖片全部來自500PX裡面的高清圖,無廣告,無彈窗,非常適合筆記本使用,讓裝逼再上新臺階。感受一下出自細節,觸及心靈的美。
  • 這4款堪稱神器的Chrome小插件,別說你沒用過!
    此外一些網站也會把長文內容給摺疊了,雖說這樣能夠讓你在一個頁面中多看幾個內容,但是每次都要點擊 「 展開閱讀全文 」 還是有點煩人的。所以世超第一個想和差友們推薦的是一款能夠幫你自動展開全文的 Chrome 插件,這玩意是一個同樣被 「 點擊閱讀全文 」 困擾的網友自己做的。
  • AE插件如何安裝,AE插件大全(含AE光效插件/調色插件/特效插件)
    Magic Bullet Looks v3.0 調色插件LOOKS插件大家一定非常熟悉了,它能為電影或視頻製作者提供強大實用的畫面效果和色彩校正操作,並且可以藉助內置的工具定製或新建你自己喜歡的畫面樣式,提供直觀的色彩校正工具。Magic Bullet Colorista 調色師COLORISTA是一款專為電影製作者開發的專業級色彩校正工具。
  • 你找不到的所有資源都在這裡了!全網稀缺資源,一網打盡,想要的趕緊來!給自己一個能用終身的新年禮物吧!
    ↓↓↓想要打包帶走所有資源(已更新532份)?之後還會更新2000份資源,更新的所有資源你都想要?序號資源名稱序號041巧用思維導圖,十倍提高工作效率042單反/微單從入門到精通教程禮儀自學課程045手機攝影達人速成0460基礎化妝美顏術04721天帶你寫出一手漂亮好字
  • Sketch、Ps、Ai快捷鍵,三鍵合一
    Sketch、Ps、Ai快捷鍵,三鍵合一兩個問題1.隨著sketch使用的頻率越來越高,同時要記住Sketch、Ps、Ai的快捷鍵實在太麻煩了。2.用過Sketch,再用Ps和Ai的都有同樣的感受,Ps和Ai太難用了。