Interface Craft

關於 Interface Craft

Josh Puckett 的介面設計知識庫，適合研究產品介面細節、設計判斷與高完成度互動品質。

分類：設計靈感、UI 元件資源

前往 Interface Craft 官網或原始資源

相關與類似資源

21st.dev — 利用受 shadcn/ui 啟發的即用型 React Tailwind 元件，更快地交付精美的使用者介面。
Collect UI — UI 設計案例集合，適合找表單、卡片、列表、登入頁等介面模式。
React Bits — 高品質、動畫、互動式和完全可定製的 React 元件開源集合。
404s — 錯誤 404 頁面設計靈感圖庫
Another Graphic — 聚焦字體處理的平面設計檔案庫，適合找海報、識別、編輯設計與字型編排參考。
Awesome DESIGN.md — 整理多個品牌網站的 DESIGN.md 分析，適合把真實網站的視覺主題、色票、字體、元件與版面規則轉成 AI 可用的設計參考。

精選工具

Batch Export Frames — 創作邦製作的 Figma 外掛，可批量輸出 Frame，並支援快速定位與整理需要輸出的畫面，適合設計交付、作品整理與大量素材輸出。
ChatGPT — 適合寫作、企劃、研究、圖片生成、資料整理與日常工作輔助。
Claude — Anthropic 的 AI 助手，協助寫作、整理資料、分析文件與程式開發。
Codex — OpenAI Codex 現在可支援 GPT Image 2 / Image 2 工作流，適合讓 AI 代理協助整理需求、生成提示詞並串接圖片生成流程。

新工具與資源

Codex — OpenAI 的 AI 代理，協助理解專案、修改程式、檢查程式碼與執行開發任務。
Grok Bot — 以雲端電腦與多個 AI 助手處理跨網站、應用程式與工具的工作。
獅尾骨頭黑體 Swei Bone Sans — 思源黑體的筆畫頭尾加寬，起筆收筆像一節節骨頭，再去掉拔腳的短線。七種字重，大標小標都清楚，適合想要一點個性的版面，OFL 授權可免費商用。
Ezgif — 線上 GIF 工具箱，影片轉 GIF、裁切、調速、加字、壓縮都在同一站。做社群動圖或簡報裡的小動畫不用裝軟體，完全免費。

新文章

創作邦重新讀取中