Web to Design md

關於 Web to Design md

丟一個網址，就能自動拆解該頁的配色、字體、CSS 變數與動效，整理成一份 AI 可直接讀取複用的 design.md 設計規格。

分類：推薦 Skill

標籤：設計規範、CSS、design tokens

前往 Web to Design md 官網或原始資源

相關與類似資源

Uiverse — 使用 CSS 或 Tailwind 製作的免費、可定製的使用者介面元素社區庫。您可以在您的項目中免費複製和使用
Agent Browser — 讓 AI 用瀏覽器打開網站、點擊、填表、截圖與測試互動流程。
Better Icons — 從大量 Iconify 圖示庫中搜尋合適 icon，並可取出 SVG 或批次同步到專案。
Design Taste Frontend — 以更嚴格的設計工程規則檢查前端，包含版面、字體、配色、動效與元件架構。
Frontend Design — 協助建立更有設計感、可上線的前端頁面與元件，避免一般 AI 產出的制式版型。
Grill Me — 用連續追問壓力測試想法、產品方案、內容定位或設計決策，逼出模糊處與真正的取捨。

精選工具

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、裁切、調速、加字、壓縮都在同一站。做社群動圖或簡報裡的小動畫不用裝軟體，完全免費。

新文章

創作邦重新讀取中