Generate article covers from Figma context
A local HTML cover generator that exports a polished PNG for articles or newsletters.
第一個成果
One 1200x630 cover image previews in the browser and exports to PNG.
適合對象
Content teams
需要
Claude Code, Figma access, Node
範例成果
One 1200x630 cover image previews in the browser and exports to PNG.
A local HTML cover generator that exports a polished PNG for articles or newsletters.
Field Notes
HTML
CSS
PNG
文章封面產生器
設計脈絡變成可重複使用的封面系統。
靜態 HTML 模板會渲染標題、副標、分類與視覺元素，再匯出乾淨的 1200x630 圖片。
Figma MCP
1200x630
Playwright
01
封面預覽
在瀏覽器中檢查標題長度、對比與構圖。
02
PNG 匯出
同一個模板會匯出本機圖片，可用於電子報或 Open Graph。