sketch 和 origami 聯動的插件怎麼用?
01-24
1、安裝插件後,一鍵導出所有圖片。(插件下載、文檔說明地址)
ps:圖片以Group(文件夾)為單位導出、命名。文件夾名稱後加後綴 「 * 」 「+」 「 - 」效果參考文檔說明。插件快捷鍵
導出文檔
2、建立動態鏈接圖像:按住 ?+option 拖拽圖片到Origami
左圖是動態鏈接圖像,模塊會變色,tittle是【Live Image】右圖是直接導入圖片,tittle是圖片名稱3、Sketch編輯圖形後,再次使用插件導出更新,Origami中自動同步
附上大神 @邱胤焱 整理的教程 Origami官方文檔翻譯——教程-UI中國
裡面有Origami源文件、視頻和翻譯字幕下載,包括Sketch+Origami。
————————————————————————————————
這個插件只做了一件事情,就是把Sketch中的文件按照Group(文件夾)批量導出圖片。親測插件現在有問題!
如果只是對圖形進行編輯,比如調整大小、顏色,使用插件導出是沒有反應的。增加Group(文件夾)後導出,偶爾可以使用。目前的做法是:Sketch修改圖形後,把之前導出的文件夾刪除,重新導出所有文件。
Live Image是Origami的功能,動態圖片只要文件路徑、名稱相同,隨意更換。
導入文件【icon-x.png】
更改文件名稱後,Origami同步更新
你好 ,我點擊export for origami 後 沒有彈出保存文檔的地方 只是底部出現一排字後就消失了,請問能否解答這個問題?
推薦閱讀:
※Sketch 使用過程中硬碟的空間越來越少,最後都佔滿了,怎麼清空?
※sketch能打開.psd格式文件嗎?要是能打開能不能導出UI圖片?
※如何評價 Zeplin 1.0 及其收費計劃?
※用 Sketch 做 iOS 設計時,一般選用哪個尺寸?