第一步：登錄Pixso 進入Pixso網(wǎng)站，登入Pixso賬號，新建一個Pixso文件。 第二步：導(dǎo)入素材 可以使用Pixso繪制UI界面圖，Pixso在精細(xì)化矢量設(shè)計、自動布局等UI所需的核心功能都已成熟，使用起來很方便。另外，也可以使用Pixso資源社區(qū)的素材。Pixso資源社區(qū)提供海量設(shè)計模板和素材，本地化字體資源，極大的提升了設(shè)計師的工作效率。同時，設(shè)計師可以選擇每天花時間瀏覽Pixso社區(qū)學(xué)習(xí)基礎(chǔ)知識，了解最新設(shè)計趨勢，探索各種設(shè)計風(fēng)格，為自己的項目收集大量視覺靈感和創(chuàng)意。 第三步：制作交互原型 選擇Pixso右側(cè)屬性面板中的“原型”，進行原型制作，如下圖所示。鼠標(biāo)選擇“Recom”文本，在右側(cè)屬性面板選擇點擊交互事件右側(cè)的“+"圖標(biāo)，在彈出的彈窗里點擊觸發(fā)下拉框，下拉框顯示觸發(fā)事件包括單擊、雙擊、懸停時、按下時、鼠標(biāo)移入、鼠標(biāo)移出、按下、松開，Pixso設(shè)計師在這里選擇“單擊”為觸發(fā)條件。在操作下拉框包括無（默認(rèn)）、跳轉(zhuǎn)到、變體切換、打開彈窗、返回、關(guān)閉彈窗，這里選擇“跳轉(zhuǎn)到”，跳轉(zhuǎn)目標(biāo)頁為“Home”頁。選擇動畫下拉框，可選擇即時、溶解、移入、移出、推、滑入、滑出多種動畫，這里選擇即時。選擇底部導(dǎo)航“order”灰色圖標(biāo)，按照以上操作，設(shè)置觸發(fā)為“單擊”，操作為“跳轉(zhuǎn)到”，跳轉(zhuǎn)目標(biāo)頁面為“order”，動畫效果為“即時”。選擇底部導(dǎo)航“Home”灰色圖標(biāo)、“Community”灰色圖標(biāo)，“Me”灰色圖標(biāo)，設(shè)置參數(shù)同上。 第四步：預(yù)覽交互原型 如下圖所示，通過以上步驟設(shè)置好參數(shù)后以后，點擊頂部導(dǎo)航欄的演示三角形圖標(biāo)，進行原型演示查看。

Pixso是一款集設(shè)計、原型、交付于一體的新一代實時設(shè)計協(xié)作工具，涵蓋原型交互、專業(yè)UI設(shè)計、自動切圖標(biāo)注、云端自動備份等功能，通過跨設(shè)備的協(xié)同、實時云同步內(nèi)容，打通產(chǎn)品、設(shè)計到研發(fā)的工作鏈路，全面覆蓋原型、設(shè)計、交付全流程，即開即用，較海內(nèi)外其他同類工具，Pixso的協(xié)作更高效，設(shè)計更流暢。可以用Pixso，設(shè)計資源，快速開啟原型制作，模擬最終產(chǎn)品形態(tài)和交互效果。 直接在原型基礎(chǔ)上，快速邀請團隊成員開啟設(shè)計協(xié)作。自動生成切圖標(biāo)注，打開瀏覽器就能獲取 CSS、iOS、Android代碼片段。

打開Pixso官網(wǎng)，直接下載客戶端，自動下載對應(yīng)系統(tǒng)的版本。Pixso 是一款云端協(xié)同設(shè)計平臺，支持多人 實時協(xié)作、在線設(shè)計和鏈接交付，具備白板、原型、 設(shè)計、交付、協(xié)作、資源管理等多種功能，為產(chǎn)研團隊提供產(chǎn)品設(shè)計一體化解決方案，重新定義設(shè)計方式，重塑產(chǎn)品設(shè)計工作流程，全面提高工作效率，為數(shù)字化時代創(chuàng)意需求提供先進生產(chǎn)力。 Pixso 不僅為產(chǎn)品經(jīng)理、設(shè)計師們提供了一個多人協(xié)同的產(chǎn)品設(shè)計平臺，更提供了一套設(shè)計行為規(guī)范：項目成員以實現(xiàn)資源共享，設(shè)計套件、品牌規(guī)范可以同步使用，文件自動更新，團隊成員可以直接在一個文件中同時進行設(shè)計和創(chuàng)作， 提升產(chǎn)設(shè)研團隊的合作效率。組件和樣式可以在團隊共享，設(shè)計師共用設(shè)計資源，減少重復(fù)設(shè)計，形成產(chǎn)品統(tǒng)一的設(shè)計規(guī)范和視覺效果。

墨刀導(dǎo)出原型的方法： 1、導(dǎo)出HTML壓縮包：點擊導(dǎo)出，選擇HTML壓縮包選項，解壓后雙擊index.html，預(yù)覽離線原型。 2、導(dǎo)出PNG（全部頁面或當(dāng)前頁）：此途徑可以將原型頁面轉(zhuǎn)換為PNG格式，直接用系統(tǒng)自帶圖片瀏覽器預(yù)覽原型圖即可。 3、導(dǎo)出離線APK安裝包：目前支持安卓手機安裝離線APK包，直接在手機上離線預(yù)覽原型。可以使用導(dǎo)出按鈕導(dǎo)出APK，也可以直接掃描運行頁面的二維碼，點擊安裝后按提示將壓縮包安裝到手機上，隨時切換在線/離線屬性。

墨刀導(dǎo)出html文件的方法： 1、打開墨刀的官方鏈接，在界面右上角點擊進入工作區(qū)的按鈕； 2、鼠標(biāo)移到要導(dǎo)出頁面的項目上面，點擊編輯的選項； 3、進入編輯項目的頁面后，點擊頁面右上角的下載； 4、然后在彈出的窗口中，點擊當(dāng)前頁面—狀態(tài)1的選項； 5、在導(dǎo)出圖片倍數(shù)的選項中，可以設(shè)置導(dǎo)出頁面的分辨率倍數(shù)。

墨刀原型能導(dǎo)入axure中，具體步驟： 1，打開墨刀軟件，點擊“插入”，選擇插入你要轉(zhuǎn)換為文本的圖片。 2，選中圖片，單擊右鍵，選擇“復(fù)制圖片中的文本”，文本則會復(fù)制到剪貼板。 3，在你需要編輯的文本文檔中右鍵粘貼即可。 4，點擊右側(cè)的按鈕「創(chuàng)建項目」，可以選擇空白項目，也可以直接套用模板。 5，選擇空白項目：有iPhone、ipad、Android、Web四種平臺，選擇后進入項目屬性設(shè)置頁，可設(shè)置不同的設(shè)備型號。點擊創(chuàng)建，就進入到了工作區(qū)。