如果要介紹、示範工具或應用程式等產品，通常會透過畫面擷圖搭配說明，不過只有擷圖看起來又很單調，這時候就能將畫面整合在裝置上，也被稱為模型（Mockup）。但是對於設計師以外的使用者來說，要把擷圖放入到筆記型電腦、平板電腦或智慧型手機畫面並不是一件容易的事，因此網路上有不少 Mockups 產生器，選擇你要的圖庫素材，將擷圖上傳後裁切就能變成好看的圖片。
產生器類
線上產生器列表，包含常見的身份證產生器、隨機密碼產生器、捲軸產生器、CSS產生器與任何有趣實用的產生器。
Add to Calendar Link Generator 產生將活動「新增至日曆」提醒超連結
如果想自己製作一個活動網頁，放上活動資訊、介紹或相關照片，其實有不少平台可以做到，若不需要活動報名功能其實都不會太困難，刊登在 Facebook 社群網站也是一個方法。但要讓想報名參加活動的人感受到主辦單位是否用心，有一些細節可能要做到，例如提供按鈕或超連結讓報名者點選後直接加入自己的行事曆，能提醒他們要預先將活動時間保留下來，以避免和其他活動時間衝突，也能提高報名者出席活動的機會。
Privacy Policy Generator 由 LiveChat 提供的免費隱私權政策範本產生器
VISIWIG 整合免費圖示、背景圖和紋理效果，一鍵複製 CSS、SVG 程式碼
這幾年有不少背景圖案製作工具，都可以在線上預覽、客制化圖形細節，最終產生 CSS 和 SVG 格式，甚至在不用下載任何檔案的情況下直接複製程式碼，加入網頁就會獲得非常好的效果，兼具品質和效能，也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景；CSS Background Patterns 也能製作各種純色彩背景圖，如果需要背景圖也能試試看接下來要介紹的服務。
passwrd.in 開啟網頁隨機產生密碼，可自訂密碼字串長度
SVG Waves 免費波浪圖產生器，互動式介面即時產生圖案原始碼
Humanotion 在 Notion 上製作個人大頭貼，免費 192 種角色組合可商業用途
Ray.so 將你的程式碼轉為漂亮圖片，加入視窗外框和陰影效果
Image It 線上將文字轉圖片，內建五種配色支援 HTML、CSS 語法
有時候在社群網站想要分享一段文字，但又希望可以突顯內容，讓其他人更容易注意到，就能透過產生器將文字轉為圖片，因為社群網站大多不支援 HTML 或 CSS 樣式，如果製作成圖片就可解決此問題，而且也能在單一圖片裡塞進更多內容，是個很有用的方法。雖然 Instagram 限時動態部分後來也加入讓使用者輸入文字的功能，但只能打打字、加進表情符號或貼圖，變化也較少。
Cool Backgrounds 免費背景製作工具，內建五種效果可自訂顏色
根據 Cool Backgrounds 開發者研究，在發佈網頁或文章前最困難的步驟之一是找到合適背景圖片，好的圖片不僅能凸顯整篇內容質感，也可獲得更多使用者注意。我之前推薦不少免費背景產生器，依照使用者需求快速製作出很活潑、色彩鮮豔的背景，例如 Svg Wave 產生波浪狀背景圖案（在很多網站都能看到）；Hero Patterns 製作好看的重複平鋪式背景，而且只要將 CSS 語法帶入就能套用。