墨刀MockingBot是一個(gè)移動(dòng)應(yīng)用原型原型設(shè)計(jì)工具。全球114個(gè)國(guó)家超過(guò)10萬(wàn)名設(shè)計(jì)師的選擇，并且墨刀對(duì)開(kāi)放項(xiàng)目永久免費(fèi)！

功能介紹

素材庫(kù)

內(nèi)置豐富的組件和模板

可自定義個(gè)人素材庫(kù)

還可共享團(tuán)隊(duì)組件庫(kù)

設(shè)計(jì)

一拖一拽輕松搭建界面

多種手勢(shì)和轉(zhuǎn)場(chǎng)效果

無(wú)需代碼也能做出酷炫動(dòng)效

高效演示及評(píng)審

真實(shí)設(shè)備邊框、全屏演示

一鍵分享

在線獲取評(píng)論

Sketch插件&標(biāo)注

導(dǎo)入Sketch稿

自動(dòng)標(biāo)注&切圖

獲取全平臺(tái)代碼

云端編輯

瀏覽器直接登錄

隨時(shí)隨地辦公

異地團(tuán)隊(duì)協(xié)作

多人協(xié)作

協(xié)同編輯、查看、審閱

項(xiàng)目同步、溝通透明

項(xiàng)目&成員便捷管理

使用教程

鏈接、手勢(shì)及定時(shí)器

使用墨刀可以非常方便的創(chuàng)建頁(yè)面間鏈接，墨刀獨(dú)創(chuàng)的拖拽鏈接方式，讓頁(yè)面間的鏈接關(guān)系清晰呈現(xiàn)眼前，要?jiǎng)?chuàng)建頁(yè)面間鏈接，只需要選中要鏈接的組件，然后拖動(dòng)組件右側(cè)的小圓圈到目標(biāo)頁(yè)面就可以了，如下圖：

創(chuàng)建好鏈接之后，我們會(huì)看到鏈接選項(xiàng)面板：

可以看到，鏈接面板包含3個(gè)部分：手勢(shì)、切換動(dòng)畫(huà)以及定時(shí)器，下面我們來(lái)依次介紹這3個(gè)部分。

由于手勢(shì)需要較大的可點(diǎn)擊區(qū)域，所以并不是所有組件都支持手勢(shì)，目前支持手勢(shì)的組件包括：全局手勢(shì)，鏈接區(qū)域，圖片以及矩形，可選的手勢(shì)如圖所示，共有6種：點(diǎn)按，長(zhǎng)按以及上下左右滑動(dòng)。

接下來(lái)就是頁(yè)面切換動(dòng)畫(huà)選擇，共有15種特效可供選擇，如果您不確定需要那種效果，可以在選中之后，將鼠標(biāo)移到上面的預(yù)覽框，對(duì)效果進(jìn)行預(yù)覽。

最后是定時(shí)器，可以設(shè)定這個(gè)鏈接的自動(dòng)跳轉(zhuǎn)時(shí)間，到達(dá)時(shí)間后，即使用戶沒(méi)有任何操作，應(yīng)用也會(huì)自動(dòng)跳轉(zhuǎn)到目標(biāo)頁(yè)面，適合制作輪播動(dòng)畫(huà)等等。

常見(jiàn)問(wèn)題

問(wèn)：素材庫(kù)不見(jiàn)了，怎樣打開(kāi)素材庫(kù)彈窗呢?我想要更多的圖標(biāo)?
一張圖帶你飛!什么都別說(shuō)，認(rèn)真看圖!
首先，你需要從組件區(qū)拖取一個(gè)“星星”圖標(biāo)，界面右側(cè)會(huì)彈出“3”號(hào)圖標(biāo)彈窗(如果沒(méi)出現(xiàn)就進(jìn)行第二步)
第二步，點(diǎn)擊工具欄小星星，打開(kāi)圖標(biāo)面板。
第三步，在搜索框找尋你的真愛(ài)icon。

問(wèn)：點(diǎn)選組件好困難啊，鼠標(biāo)要戳穿了!怎么解決?
遇到這種情況，請(qǐng)點(diǎn)擊左上角保存按鈕對(duì)當(dāng)前操作進(jìn)行保存，之后刷新該頁(yè)面，或清理瀏覽器緩存后重啟瀏覽器。
小兔建議：工作兩小時(shí)刷新工作區(qū)頁(yè)面，同時(shí)記得眺望遠(yuǎn)處，出門(mén)散散步哦，忙碌的同時(shí)也要注意身體健康哦!

更新日志

【修復(fù)】

動(dòng)態(tài)組件撤銷(xiāo)編輯白屏bug