製作網頁之前，必須要先行規劃網站架構，為了方便設計師與工程師之間的配合，可以透畫出 Wireframe來進行網站Layout的初始框架，透過特定的圖示標記，可以讓設計師和工程師之見做一個流暢的銜接與溝通，所以了解該怎麼匯出網站框架是一件重要的事情。如果要畫Wireframe，該怎進行？我們可以透過MockFlow這個免費的工具，來進行規劃與繪製網站草圖。

MockFlow 這個工具有付費版本與免費版本，在免費帳號部分有一些些小小的限制，不過如果只是初始嘗試者，或者是為了交作業方便，想先了解Wireframe的使用者，其實是足夠的。又或者是客戶要跟設計師溝通，想要話個網站草圖告訴製作者自己想要的感覺，也可以透過這樣的一個工具來實現，不需要再用Word或PowerPoint繪圖囉！