製作文案、網頁時，往往需要一些素材，這是就可以使用一些假字、假圖，供設計排版時使用。

網頁 Web 線上編輯器整理筆記。

線上配色工具整理與紀錄，包含扁平色、主題色、漸層色等等。

Visual Studio Code（簡稱 VS Code）是一個由微軟開發的，同時支援 Windows、Linux 和 macOS 作業系統且開放原始碼的文字編輯器，它支援偵錯，並內建了 Git 版本控制功能，同時也具有開發環境功能。

撰寫網路文章時，如果是技術類時，往往許要寫 code，使用 Google Code Prettify 就能快速將 code 美化。

快速使用 Markdown 編排網誌文章、信件等，只需要安裝瀏覽器插件工具即可。

Sublime Text 3 是一套跨平台的文字編輯器，支援基於 Python 的外掛程式。可以透過套件（Package）擴充本身的功能。大多數的套件使用自由軟體授權釋出，並由社群建置維護。

Google推出的免費工具Google Resizer，協助網頁設計師在RWD(響應式)網頁上，測試網站於不同裝置解析度的顯示效果，只需輸入網址，立馬顯示網站在不同解析度下的顯示樣式。

Adobe Photoshopm、Adobe Illustrator，都有個鋼筆工具，對於初學的使用者來說不少人會卡關，需要大量的練習和觀摩。

Nippon Colors收錄250種日本傳統色系，每個顏色都有對應的名稱。

WebGradients收藏了一百多種漸層色，可以利用產生的 CSS 語法將它快速套用到網站的任何部分。

一款全功能的螢幕擷取工具、直觀的圖片編輯器、色彩選擇器、調色盤、尺規、量角器、十字線和白板等等。方便使用、功能完整，可輕鬆地建立圖片,適合軟體開發人員、平面設計師和家庭使用者。

Pokepalettes配色網站目前有600多種寶可夢精靈配色，右上角可以輸入精靈的英文名稱或者編號。

超過1萬種以上配色方案，美編與設計師靈感來源。

Color Supply收集了世界各地設計師的色彩搭配方案，它將色相、彩度、明度等參數拿掉，照五大配色方案来分類，直接預覽配色的成果，這些配色非常適合扁平化設計使用。