如何將AI繪制的icon批量導(dǎo)入sketch

Sketch用于UI設(shè)計是很方便的,但是圖形設(shè)計在illustrator(AI)里面操作更方便黑忱。所以兩者之間的配合與互通宴抚,可以使工作變得更高效勒魔。

我之前都是通過復(fù)制粘貼或者拖拽,將AI文件轉(zhuǎn)移到sketch里面菇曲,顏色冠绢、尺寸也得單獨(dú)改動,費(fèi)時且費(fèi)力常潮。

哪里有困難哪里就會有大神伸出援助之手弟胀,所以,一個圖標(biāo)批量導(dǎo)入的sketch插件就誕生啦喊式。

插件鏈接:AMoreaux/Sketch-Icons?

其實(shí)作者在GitHub上已經(jīng)介紹很詳細(xì)了孵户。下面就說一下我在安裝與使用過程中遇到的一些需要注意的點(diǎn)吧。

安裝好插件后岔留,就開始試手了夏哭。

第一步:

首先要準(zhǔn)備SVG文件。注意哦献联,在用AI繪制圖標(biāo)時竖配,每一個圖標(biāo)一個畫板,且在導(dǎo)出SVG之前(用文件-->導(dǎo)出酱固,勾選畫板械念,而不是快速導(dǎo)出),要檢查圖層命名是否都為英文名稱运悲,出現(xiàn)中文名稱的話可能在導(dǎo)入sketch時會出現(xiàn)錯誤哦龄减。


圖層命名為英文


第二步:打開sketch,導(dǎo)入圖標(biāo)班眯。

依次選擇“? Plugin --> Sketch icons --> Import icons;



導(dǎo)入SVG圖標(biāo)

之后就會出現(xiàn)這樣一個彈窗

Artboard size 就是設(shè)置導(dǎo)入圖標(biāo)時設(shè)置的畫板大邢M!;

Artboard padding 就是邊距署隘;

勾選? Convert to symbol的話宠能,導(dǎo)入的圖標(biāo)就會自動轉(zhuǎn)成Symbol;

Mask? 這一選項是用來給圖標(biāo)替換顏色的磁餐∥コ纾可以自己制作一份color mask,很簡單诊霹,在當(dāng)前文件中畫幾個不同顏色的矩形羞延,分別轉(zhuǎn)成symbol 就可以了。


設(shè)置導(dǎo)入?yún)?shù)

導(dǎo)入成功后就是這樣的


導(dǎo)入圖標(biāo)成功

想了解更多關(guān)于這個插件的高階功能的童鞋可以打開這個鏈接

https://blog.prototypr.io/introducing-sketch-icons-2074d9dc9ed2

感謝閱讀脾还,歡迎留言交流~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末伴箩,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子鄙漏,更是在濱河造成了極大的恐慌嗤谚,老刑警劉巖棺蛛,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異巩步,居然都是意外死亡旁赊,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進(jìn)店門渗钉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來彤恶,“玉大人,你說我怎么就攤上這事鳄橘。” “怎么了芒炼?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵瘫怜,是天一觀的道長。 經(jīng)常有香客問我本刽,道長鲸湃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任子寓,我火速辦了婚禮暗挑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘斜友。我一直安慰自己炸裆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布鲜屏。 她就那樣靜靜地躺著烹看,像睡著了一般。 火紅的嫁衣襯著肌膚如雪洛史。 梳的紋絲不亂的頭發(fā)上惯殊,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天,我揣著相機(jī)與錄音也殖,去河邊找鬼土思。 笑死,一個胖子當(dāng)著我的面吹牛忆嗜,可吹牛的內(nèi)容都是我干的己儒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼霎褐,長吁一口氣:“原來是場噩夢啊……” “哼址愿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起冻璃,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤响谓,失蹤者是張志新(化名)和其女友劉穎损合,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體娘纷,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嫁审,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了赖晶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片律适。...
    茶點(diǎn)故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖遏插,靈堂內(nèi)的尸體忽然破棺而出捂贿,到底是詐尸還是另有隱情,我是刑警寧澤胳嘲,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布厂僧,位于F島的核電站,受9級特大地震影響了牛,放射性物質(zhì)發(fā)生泄漏颜屠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一鹰祸、第九天 我趴在偏房一處隱蔽的房頂上張望甫窟。 院中可真熱鬧,春花似錦蛙婴、人聲如沸粗井。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽背传。三九已至,卻和暖如春台夺,著一層夾襖步出監(jiān)牢的瞬間径玖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工颤介, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留梳星,地道東北人。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓滚朵,卻偏偏與公主長得像冤灾,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辕近,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 本書講了什么 Sketch3基本操作介紹韵吨。 作者什么來頭 鄭成云,社會化媒體營銷實(shí)踐者移宅,專注網(wǎng)絡(luò)社交領(lǐng)域归粉。從業(yè)6年...
    少穻閱讀 2,407評論 0 1
  • 擴(kuò)展Sketch 入門插件基礎(chǔ)您的第一個插件開發(fā)環(huán)境調(diào)試ActionAPI發(fā)布插件 高級插件捆綁插件椿疗,腳本和命令插...
    iOSDevLog閱讀 17,466評論 0 34
  • Sketch作為一個為UI設(shè)計而生的工具届榄,全矢量、輕量級倔喂、像素級精準(zhǔn)铝条,非常適合做移動端應(yīng)用類的界面設(shè)計和簡單的扁平...
    Luna不停閱讀 15,941評論 13 96
  • 一月一起北國跨年/輕狂不知疲倦,卻樂此不疲 二月你還沒有出現(xiàn)/苔蘚漫過墻壁覆蓋了我們的唇跡 三月仿佛你睡在隔壁/鳥...
    產(chǎn)小品閱讀 198評論 0 1
  • 也許很多人知道焦糖瑪奇朵席噩,因?yàn)樗奶鹂梢宰屇阃鼌s咖啡存在于舌尖的苦味班缰,卻在鼻腔中留下了迷人的香氣。焦糖瑪奇朵是忠實(shí)...
    呆牛閱讀 2,580評論 4 16