Refero Styles

關於 Refero Styles

收集可供 AI agent 讀取的 DESIGN.md 設計系統範例，適合參考產品網站的色彩、字體、間距、元件與版型規則。

分類：設計靈感、AI 設計系統 / Prompt

前往 Refero Styles 官網或原始資源

相關與類似資源

Awesome DESIGN.md — 整理多個品牌網站的 DESIGN.md 分析，適合把真實網站的視覺主題、色票、字體、元件與版面規則轉成 AI 可用的設計參考。
21st.dev — 利用受 shadcn/ui 啟發的即用型 React Tailwind 元件，更快地交付精美的使用者介面。
404s — 錯誤 404 頁面設計靈感圖庫
Another Graphic — 聚焦字體處理的平面設計檔案庫，適合找海報、識別、編輯設計與字型編排參考。
Awwwards — 國際網站設計獎項平台，適合找高完成度視覺、動效與品牌網站案例。
Banner Hiroba — 日本 Banner 參考網站，適合研究電商、活動與廣告素材的構圖節奏。

精選工具

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

新文章

創作邦重新讀取中