Codepen
CodePen
https://codepen.io/
Comments
Coming Soon
Tags
Collections
Information
Open Design Docs
設計管理文件
Free Online Form Builder | Tally
可嵌入至 Notion 的表單小工具
StoryTribe: Effortless Storyboarding for Everyone
將想法變成淺顯易懂的漫畫、Storyboard、腳本、圖解流程圖
My files · Jitter
快速複製 Figma UI，讓元件動起來的動畫製作工具
heatmap - The Only Heatmap Tool With Revenue & Ecommerce Insights
使用者統計工具
ProtoPie: High-Fidelity Prototyping for Mobile, Desktop, Web & IoT
製作 Prototype 工具
App Flow 參考網站
Clipdrop - All Things AI
Khroma - The AI color tool for designers
設計師必備的 AI 配色方案色彩工具
Tailwind CSS Color Generator | UI Colors
可以預覽介面且好用的 UI Color
BrowserFrame | Wrap screenshots in browser frames
一個可以自動套用各種瀏覽器外框的網站
EightShapes Specs | Figma Community
Poet.so | Create Beautiful Images of Twitter Posts
將 Twitter、LinkedIn 或 Shopify 內容轉為好看的截圖，可調整顏色、淺深色背景、顯示相關資訊和圖片尺寸
CleanShot X for Mac
[付費] 讓螢幕截圖變漂亮的工具（截完圖可以控制自動加背景、圓角、padding 等）
Create Amazing Mockups
免費讓螢幕截圖變漂亮的工具（可以調整模板尺寸、背景顏色）
Screen Studio | Beautiful screen recordings in minutes
[付費] 可以 zoom-in 操作的細節並且有流暢轉場的錄影工具
sczhou/codeformer – Replicate
南洋理工大學四位老師研發的，目前都可以免費使用。這套工具可以幫我們把低解析度的人像照片，透過 AI 模型運算自動恢復高清無碼的照片
Codepen
CodePen
Peeps
免費製作 3D 頭像
Rive
客製化互動動畫，還可以跟著使用者的動作或狀態去改變動畫
TinyJPG – Compress WebP, PNG and JPEG images intelligently
圖片壓縮工具
Squoosh
圖片壓縮工具