Clay Mockups 是由 Hype4Academy 所提供的一個免費開源的項目，當中提供了他們自行設計的 iPhone 12 Mockups 模型設計檔案，並且提供了常見的兩種設計軟體格式 Sketch 與 Figma，讓你可以立即應用在自己的專案當中。
免費資源
在「免費資源」當中，將會收錄內容與「免費資源」有高度相關性的文章，因此你可以在這個含有「免費資源」的分類當中，瀏覽到與「免費資源」有關的文章內容。
SplitShire – 線上免費高品質圖庫推薦，提供大量 CC0 可商用圖片與高品質優質影片下載
SplitShire 是一款提供非常大量高品質圖片的免費線上圖庫，當中除了提供非常獨特的高解析度免費圖片之外，也提供了大量的免費影片。這些資源都是由網站的攝影師親自拍攝的作品，然後免費以 CC0 授權的方式公開分享給大家下載使用，因此這些資源是可以被免費用於商業或個人的專案作品當中進行使用。
Open Doodles – 免費線上開源插圖集，採用 CC0 免版權協議可用於商業用途，提供各種格式免費下載
Open Doodles 是一個專門提供免費開源插圖集的免費資源網站，當中提供了一組包含開放設計思想的免費插圖，你可以將其用在任何商業或個人的專案當中使用，不需要署名就可以複製、編輯、重新設計…當中的所有插圖，全部的插圖皆採用 CCO 授權方式。
JS Image Carver – 免費內容感知圖片調整尺寸工具，自動偵測圖片元素間的距離並自動演算生成新的圖片
JS Image Carver 是一個非常厲害的免費開源項目，它的功能可以幫助我們自動偵測所上傳的圖片裡，每個元素之間彼此的間距，並且讓你自訂圖片的長寬百分比，自動透過內容感知技術，將圖片當中的元素距離進行重塑，形成一張內容元素更為緊密的圖片。
Storyset – 線上客製化製作插圖與動畫免費圖庫，可即時編輯顏色與物件並支援輸出多種不同格式
Storyset 是一個非常優秀的線上開源項目，當中提供了許多高品質的插畫素材與動畫，並且可以讓你免費運用在各種商業或個人用途當中使用，只需要署名即可將免費素材套用在任何的專案當中。
Coolors – 線上免費配色調色盤工具，快速產生多種富有美感與啟發靈感的配色網站
Coolors 是一個許多前端設計師常常會使用的一款線上調色盤產生器，它的作用是，能夠快速的產生各種互相搭配的顏色，也就是我們所謂的「配色工具」，透過他直接幫你自動生成的顏色，能夠大大減少設計師配色的時間，同時也能在同一個畫面上，組合各種顏色所帶來的不同效果，快速的搭配出最佳的顏色組合。