標籤:

sketch 和 origami 聯動的插件怎麼用?


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 設計時,一般選用哪個尺寸?

TAG:Sketch | Origami |